vue-element-admin 前端解决跨域问题

1、打开 .env.development 文件,将 VUE_APP_BASE_API 清空,清空后如下

# just a flag
ENV = 'development'

# base api
# VUE_APP_BASE_API = '/dev-api'
VUE_APP_BASE_API = ''

2、在 vue.config.js 中增加 proxy 信息

找到 before: require('./mock/mock-server.js'),将这行删除或注释,在后边添加proxy信息,添加后如下

    // before: require('./mock/mock-server.js')
    proxy: {
      [process.env.VUE_APP_BASE_API]: {
        target: `http://localhost:8080`,
        changeOrigin: true,
        ws: true,
        secure: false,
        pathRewrite: {
          ["^" + process.env.VUE_APP_BASE_API]: ""
        }
      }
    }

3、重新运行 npm run dev  

 

posted @ 2022-06-08 18:41  rslai  阅读(1126)  评论(0编辑  收藏  举报