vue2打包后,接口地址可在打包文件中配置

        项目中遇到一个需要,打包后的项目需要部署到多个服务器,所以每次打包都需要修改环境变量的api的接口,先需要直接在打包文件中修改,不用每次都重新打包:

1.在public下创建config文件:

window.apiConfig={
    "VUE_APP_API_BASE_URL":"xxx"
}

2.在index.html中加入js引用

<script type="text/javascript" src="config.js"></script>

3. 在项目代码中修改,在直接使用process.env.VUE_APP_API_BASE_URL的地方修改为:

process.env.NODE_ENV === 'production'? window.webConfig.VUE_APP_API_BASE_URL:process.env.VUE_APP_API_BASE_URL

4.打包,打包后config文件会存在dist文件夹下,然后根据需要,直接修改config中的值即可。

(注意:该项目路由为hash,即项目url 中有‘#’)

相关推荐

  1. vue2打包接口地址打包文件配置

    2024-01-09 17:26:01       63 阅读
  2. VUE 打包 动态修改 台服务器地址

    2024-01-09 17:26:01       29 阅读
  3. webpack打包index.html引用文件地址问题

    2024-01-09 17:26:01       36 阅读
  4. vue.config.js打包相关配置

    2024-01-09 17:26:01       50 阅读

最近更新

  1. docker php8.1+nginx base 镜像 dockerfile 配置

    2024-01-09 17:26:01       98 阅读
  2. Could not load dynamic library ‘cudart64_100.dll‘

    2024-01-09 17:26:01       106 阅读
  3. 在Django里面运行非项目文件

    2024-01-09 17:26:01       87 阅读
  4. Python语言-面向对象

    2024-01-09 17:26:01       96 阅读

热门阅读

  1. 【Artificial Intelligence】

    2024-01-09 17:26:01       53 阅读
  2. 不同波特率传输时间计算

    2024-01-09 17:26:01       55 阅读
  3. 《微信小程序开发从入门到实战》学习七十六

    2024-01-09 17:26:01       46 阅读