vue-element-admin 4.2.1版本 post请求跨域问题

Question

第一次用这个框架 网上查到的跨域问题都是修改方法都是旧版本的 有没有用过的求大神指教

Answer 1

vue（vue-element-admin）解决跨域问题一般就两种方法。
在 dev 开发模式下使用 webpack 的 proxy
在生成环境下使用 nginx 进行反向代理

开发环境	生产环境
cors	cors
proxy	nginx

你问的应该是dev 开发模式下如何跨域吧

• 因为vue-element-admin V4.0之前，配置文件在./config文件夹里，配置代理在./config/index.js
• 但是vue-element-admin V4.0之后，配置文件放在了根目录，你可以在./vue.config.js里配置，具体配置位置如下：

devServer: {
    port: port,
    open: true,
    overlay: {
      warnings: false,
      errors: true
    },
    // 新增开始
    proxy: { // 注意施proxy，不能proxyTable
      [process.env.VUE_APP_BASE_API]: { // 对应.env.development里的VUE_APP_BASE_API
        target: 'http://127.0.0.1:8888',// 需要跨域的地址
        changeOrigin: true,
        pathRewrite: {
          ['^' + process.env.VUE_APP_BASE_API]: ''
        }
      }
    }
    // 新增结束
    // before: require('./mock/mock-server.js') // 模拟数据注销掉
  },

• 这样就跨域了