当后端接口没有跨域功能时且无法去修改(比如调用第三方接口),就需要前端自己实现跨域功能。
vue-cli项目
1.在根目录的vue.config.js中配置哪些请求需要转发到没有跨域功能的接口:
module.exports = {
runtimeCompiler: true,
devServer: {
proxy: {
'/token': {
target: '后端地址',
changeOrigin: true,
pathRewrite: {
'^/token': ''
}
},
}
},
}
2.baseURL改成 '/token'
const service = axios.create({ // baseURL: process.env.VUE_APP_BASE_API, // url = base url + request url baseURL: '/token', // url = base url + request url timeout: 100000 // request timeout })
标签:vue,跨域,url,request,token,baseURL,简易版 From: https://www.cnblogs.com/naitang/p/16831482.html