vue-element-template 本地使用proxy解決跨域問題

1.打開main.js

注釋掉mockXHR

 

2.打開.env.development

修改api路徑（把里面的路徑刪掉）

# base api
VUE_APP_BASE_API = ''

3.打開vue.config.js

在devServer下添加proxy

proxy: {
      [process.env.VUE_APP_BASE_API]: {
        target: 'http://localhost:8080',    //這里就改成你的api路徑
        changeOrigin: true,
        pathRewrite: {
          ['^' + process.env.VUE_APP_BASE_API]: ''
        }
      }

注釋掉下面的mock-server

保存重新運行項目。　　

 

發現還是有問題的時候。麻煩看看utils/request.js

前端根據返回的code來判斷，所以根據自己的后台修改就行了

在打包前，先把proxy代理的地址放在.env.production里面。

然后運行npm run build:prod，會生成一個dist文件夾