Vue项目解决跨域问题

Posted 2021-05-16 ACheng63201

Vue项目解决axios请求跨域问题

• 设置axios请求根路径：axios.defaults.baseURL = 'api/'

• 在vue.config.js中添加如下代码（如果没有vue.config.js文件手动添加）

  devServer: {
          proxy: {
              '/api': {
                  target:'http://localhost:9000/',//后端服务器地址
                  changeOrigin: true,
                  pathRewrite: {
                      '^/api': ''
                  },
              },
          }
      },