1.设置固定的本地访问端口和网站名称
在正式开发业务之前,先将项目的本地端口和网站名称进行一下调整
本地服务端口: 在vue.config.js
中进行设置
vue.config.js
就是vue项目相关的编译,配置,打包,启动服务相关的配置文件,它的核心在于webpack,但是又不同于webpack,相当于改良版的webpack
我们看到上面的 process.env.port
实际上是一个nodejs服务下的环境变量,该变量在哪里设置呢?
在项目下, 我们发现了.env.development
和.env.production
两个文件
development => 开发环境
production => 生产环境
当我们运行npm run dev进行开发调试的时候,此时会加载执行.env.development
文件内容
当我们运行npm run build:prod进行生产环境打包的时候,会加载执行.env.production
文件内容
所以,如果想要设置开发环境的接口,直接在.env.development
中写入对于port变量的赋值即可