vue项目解决跨域问题

2023年01月03日

解决跨域问题

问题描述：前后端分离开发时，同时启动项目是两个不同的域名，因此需要跨域传输数据。

在vue.config.js中进行设置，如

module.exports = defineConfig({
  transpileDependencies: true,
  lintOnSave:false, // 关闭eslilnt校验
  devServer:{
    proxy: {
      '/api':{
        target: 'http://localhost:8081/change',
        changeOrigin:true,
        pathRewrite:{
          '^/api':''
        }
      }
    }
  }
})

注意：修改完之后一定要重启项目！