vue3解决跨域问题!亲测有效
target: 'http://api.tubecoin.org', //这里填入你要请求的接口的前缀。secure: true, //是否https接口,我用的http但是我变成false他打包后会报错,所以先true。changeOrigin: true, //虚拟的站点需要更换origin。'^/api': ''//重写路径。url: "/register/register", //接口。w
1.在vue.config.js中 放入以下代码:
module.exports = {
devServer: {
proxy: {
'/api': {
target: 'http://api.tubecoin.org', //这里填入你要请求的接口的前缀
ws: true, //代理websocked
changeOrigin: true, //虚拟的站点需要更换origin
secure: true, //是否https接口,我用的http但是我变成false他打包后会报错,所以先true
pathRewrite: {
'^/api': '' //重写路径
}
}
}
}
}
2. 需要写接口的页面引入:
import Axios from "axios";
Axios.defaults.baseURL = "/api";
3.页面中的方法:
Axios({
method: "post", //接口方法
url: "/register/register", //接口
params: { //需要传的参数
username: obj.name,
phone: obj.phone,
sms_code: obj.code,
},
}).then((res) => {
console.log(res, "55555");
ElMessage(resp.data.message); //这个是引入的element plus中的提示框
});
更多推荐
所有评论(0)