图片.png
PS C:\Users\wangting\Desktop\eladmin-web-master\eladmin-web-master> npm run dev > eladmin-web@2.6.0 dev C:\Users\wangting\Desktop\eladmin-web-master\eladmin-web-master > vue-cli-service serve INFO Starting development server... 10% building 2/2 modules 0 active ERROR TypeError: Cannot read property 'upgrade' of undefined TypeError: Cannot read property 'upgrade' of undefined at Server.<anonymous> (C:\Users\wangting\Desktop\eladmin-web-master\eladmin-web-master\node_modules\_webpack-dev-server@3.11.2@webpack-dev-server\lib\Server.js:135:47) at Array.forEach (<anonymous>) at new Server (C:\Users\wangting\Desktop\eladmin-web-master\eladmin-web-master\node_modules\_webpack-dev-server@3.11.2@webpack-dev-server\lib\Server.js:134:27) at serve (C:\Users\wangting\Desktop\eladmin-web-master\eladmin-web-master\node_modules\_@vue_cli-service@3.5.3@@vue\cli-service\lib\commands\serve.js:137:20) at processTicksAndRejections (internal/process/task_queues.js:97:5) npm ERR! code ELIFECYCLE npm ERR! errno 1 npm ERR! eladmin-web@2.6.0 dev: `vue-cli-service serve` npm ERR! Exit status 1 npm ERR! npm ERR! Failed at the eladmin-web@2.6.0 dev script. npm ERR! This is probably not a problem with npm. There is likely additional logging output above. npm ERR! A complete log of this run can be found in: npm ERR! C:\Users\wangting\AppData\Roaming\npm-cache\_logs\2021-08-03T08_25_42_384Z-debug.log
问题：
描述： 给vue项目增加了本地代理，也就是给vue.config.js增加了devServer之后，启动项目报错：Vue ERROR TypeError: Cannot read property ‘upgrade’ of undefined
这个错误实际上时因为代理地址为空导致的，检查后发现proxy属性中的target的值为空，没有填入，填入后解决错误！
解决：
打开vue.config.js文件：
proxy: { '/api': { target: process.env.VUE_APP_BASE_API, changeOrigin: true, pathRewrite: { '^/api': 'api' } }, '/check': { target: process.env.VUE_APP_BASE_API, changeOrigin: true, pathRewrite: { '^/check': 'check' } } }
在查看一下
.env.development文件(开发环境)
和
.env.production文件(生产环境)
关于几个环境百度解释如下：
开发环境：开发环境是程序猿们专门用于开发的服务器，配置可以比较随意， 为了开发调试方便，一般打开全部错误报告。
测试环境：一般是克隆一份生产环境的配置，一个程序在测试环境工作不正常，那么肯定不能把它发布到生产机上。
生产环境：是指正式提供对外服务的，一般会关掉错误报告，打开错误日志。
三个环境也可以说是系统开发的三个阶段：开发->测试->上线，其中生产环境也就是通常说的真实环境。
通俗一点就是：
1：开发环境：项目尚且在编码阶段，我们的代码一般在开发环境中 不会在生产环境中，生产环境组成：操作系统 ，web服务器 ，语言环境。 php 。 数据库 。 等等
2：测试环境：项目完成测试，修改bug阶段
3：生产环境：项目数据前端后台已经跑通，部署在阿里云上之后，有客户使用，访问，就是网站正式运行了
不管是在开发环境
还是在生产环境里面
代理路径需要统一一下
VUE_APP_BASE_API路径需要和以上的代理路径保持一致，千万不要拼错了哦。
再次启动即可
