react 打包之后,axios的代理不起作用

Question

前端新人,望大牛们,帮帮忙

在config/webpackDevServer.config.js中配置了proxy

 proxy: {
      "/api": {
        target: "http://140.143.224.43:7001",
        secure: false,
        pathRewrite: { "^/api": "" },
        changeOrigin: true
      },
    },

使用的mobx管理数据 定义了一个函数 请求方式如下

 @action.bound
    async getVote() {
        let data = await axios.get('api/getVoteData')
        this.VoteData = data.data.data
 }

在我的项目不打包上线之前,使用本地服务是可以请求到数据的,可以从3000的接口代理到7001拿到数据
npm run build之后 把打包好的文件放到服务器上提前生成好的express目录中的public中
npm start
发现去请求接口的时候代理不起作用,请求返回404找不到了

Answer 1

本来就是开发环境下生效，线上环境可以用 nginx.

可以把问题中的 ip 去掉

Answer 2

既然是 DevServer.config.js 那肯定跟生产环境没什么关系了...

Answer 3

......
开发环境跟线上环境了解一下。
proxy只针对开发环境解决跨域问题，打包发布后的跨域问题需要后台配合。