VUE配置环境变量

最新推荐文章于 2025-03-06 16:23:49 发布

shark skr

最新推荐文章于 2025-03-06 16:23:49 发布

阅读量430

点赞数 1

文章标签： vue.js javascript 前端

本文链接：https://blog.youkuaiyun.com/m0_62351434/article/details/122292919

版权

本文介绍了如何在Vue项目中配置环境变量，包括在package.json中设置scripts命令，使用跨环境变量，导出baseURL并在axios中应用，以实现根据不同环境调整请求URL。此外，还提到了在打包后如何解决dist中index.html的路径问题，推荐了一个VSCode插件来解决该问题。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

第一配置package.json
package.json 里的 scripts 配置 serve test build，通过 --mode xxx 来执行不同环境

通过 npm run serve 启动本地 , 执行 development
通过 npm run test 打包测试 , 执行 testing
通过 npm run build 打包正式 , 执行 production
"scripts": {
   
 "serve": "vue-cli-service serve --open",
 "test": "vue-cli-service build --mode testing",
 "build"