为什么要修改vue.config.js的devServer.proxy 选项

下载好公司前人写好的前端项目，登录的时候，账号密码都正确，但是一直报错，登录不进去，leader说，改一下项目文件中vue.config.js文件的xxx行   的const LOCAL_URL，改成 const LOCAL_URL = "http://172.【手动码掉:xxxx】";

改完重新跑一下就可以登录进去了。百度了一下，原因如下。

在 vue.config.js 项目中配置 proxy 解决跨域问题（Vue） - 知乎

在实现前端应用和后端 API 服务器没有运行在同一个主机上，需要在开发环境下将 API 请求代理到 API 服务器。这个问题可以通过 vue.config.js 中的 devServer.proxy 选项来配置。

解决方式：

通常是在vue.configh.js中去对proxy进行配置普通代理方式

module.exports = {
  devServer: {
    proxy: {
      '^/api': {
        ws: true,  //是否启用websockets
        changeOrigin: true,  //开启代理： 在本地会创建一个虚