需求:
原来的项目中域名是打包到项目里面的,打包后不能动态配置,只能通过不同的指令打包来切换域名,每天都在测试域名和正式域名来回摩擦,后台大佬说你们可以生成一个配置文件这样就不用频繁打包了直接修改配置文件就好.
方法一:
vue中有一个存放外部资源的文件夹static,它里面的文件是不会被打包编译的,所以我们就可以利用外部引入js的方式将我们的想要的数据在index.html中以js文件的方式引入,然后就可以全局使用。
此方法亲测有效!!!!
1、在项目中找到static文件夹,在里面创建一个配置文件,起名为config.js
┌── build
├── config
├── node_modules
├── src
├── static
│ ├── config.js // 配置文件
│
├── index.html:
2、然后在创建的config.js配置文件中,声明一个全局Windows对象Glob
/**
* vue 打包生成配置文件,方便外部修改公共路径,不用每次都进行打包部署
*/
window.Glob = {
BaseUrl:'http://39.99.202.195'
}
3、将此配置文件在index.html 文件中引入(注意:引用的路径)
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">

最低0.47元/天 解锁文章
1213

被折叠的 条评论
为什么被折叠?



