vue跨域简易版

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

 

posted @ 2022-10-27 10:58  肥晨  阅读(44)  评论(0编辑  收藏  举报