记一个前端请求 egg.js 接口 404 的问题

背景

学习用 egg.js 写接口，前端项目请求该接口。

1. Postman 测试接口是通的
2. 前端跨域问题，可以通过配置代理解决

   devServer: {
      proxy: {
        '/api': {
          target: 'http://127.0.0.1:7001',
          pathRewrite: { '^/api': '' },
          changeOrigin: true,
          secure: false,
        },
      },
    },
   

3. 解决跨域问题之后接口返回 404

解决

这个问题可以通过搜索 “webpack 代理 404” 找到很多答案～～

如果你遇到的问题上面找到的答案解决不了，那么也许你的前端 demo 刚好是用 Vue-cli 直接默认创建的，你的 webpack 配置文件的名称刚好是 webpack.config.js ～

也许你可以把它改成 vue.config.js 试一下。。。

至于原理么，我也不知道！

Vue-cli webpack 相关

调整 webpack 配置最简单的方式就是在 vue.config.js 中的 configureWebpack 选项提供一个对象：
该对象将会被 webpack-merge 合并入最终的 webpack 配置。

Vue CLI 内部的 webpack 配置是通过 webpack-chain 维护的。这个库提供了一个 webpack 原始配置的上层抽象，使其可以定义具名的 loader 规则和具名插件，并有机会在后期进入这些规则并对它们的选项进行修改。