其他分享
首页 > 其他分享> > vue-element-admin 前端解决跨域问题

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  

 

标签:vue,跨域,env,admin,APP,BASE,API,VUE,mock
来源: https://www.cnblogs.com/rslai/p/16356780.html