vue 打包生成配置文件，方便外部修改公共路径，不用每次都进行打包部署

最新推荐文章于 2024-06-13 17:08:26 发布

零零历险记

最新推荐文章于 2024-06-13 17:08:26 发布

阅读量1.1k

点赞数 1

分类专栏： JavaScript知识

本文链接：https://blog.csdn.net/qq_34639706/article/details/107673928

版权

JavaScript知识专栏收录该内容

29 篇文章 0 订阅

订阅专栏

Vue打包后，如果想修改统一链接路径的方案。
第一步：

┌── build 
├── config 
├── node_modules                    
├── src     
├── static  
│   ├── config.js  // 配置文件
│               
├── index.html:

这里说明下，赋值给window，在vue里面获取不到window对象。所以不要赋值给window，直接定义个常量就好。
第二步：

const $gloableConfig = {
  "baseUrl": "xxxxxxx", //集成接口路径
  "ProjectName": "xxxxxxx",
};

第三步：

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>测试</title>
		<script src="./static/config.js"></script>
  </head>
  <body>
    <div id="app"></div>
  </body>
</html>
注：引入的文件路径一定要正确哦

vue里面的源文件就可以随便引用：

baseUrl = $gloableConfig.baseUrl

然后就可以了。。。。。。

零零历险记

关注

1
点赞
踩
2

收藏

觉得还不错? 一键收藏
1
评论
vue 打包生成配置文件，方便外部修改公共路径，不用每次都进行打包部署

Vue打包后，如果想修改统一链接路径的方案。第一步：┌── build ├── config ├── node_modules ├── src ├── static │ ├── config.js // 配置文件│ ├── index.html: 这里说明下，赋值给window，在vue里面获取不到window对象。所以不要赋值给window，直接定义个常量就好。第二步：const $gloableC
复制链接

扫一扫