vue项目添加打包后可手动修改的config

由于项目需要，要将文件打包放到 tomcat 下运行并且访问服务端的IP地址需要手动更换，所以打包后要有一个可以手动修改的config文件。
根据 Vue-cli 版本不同，共有两种方式

【第一种】

index.html 文件在 public 文件夹下

index.html 文件内容：

目录结构：

1. 在 public 文件夹下创建 config.js，如上图
2. 在 config 中添加信息

	var ip = "localhost";
	var port = "8080";

3. 在 index.html 文件中引用

<script src="./config.js" charset="UTF-8">script>

4. 调用方式

let ip = window.ip;
let port = window.port;

5. 打包后
   

【第二种】

index.html 在根目录下，处理方式与第一种基本相同

1. 在 static 目录下创建 config.js

2. 编写 config.js

	var ip = "localhost";
	var port = "8080";

3. 在 index.html 中引入，注意路径

<script src="static/config.js" charset="UTF-8">script>

4. 调用

let ip = window.ip;
let port = window.port;

5. 打包后

另外，需要注意 config/index.js 中的配置

assetsPublicPath 后要加 .