当后端接口没有跨域功能时且无法去修改(比如调用第三方接口),就需要前端自己实现跨域功能。
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
- })