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

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

?

1 2 3 4 5 6

# 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信息，添加后如下

?

1 2 3 4 5 6 7 8 9 10 11 12

// 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