由于项目需要,要将文件打包放到 tomcat
下运行并且访问服务端的IP地址需要手动更换,所以打包后要有一个可以手动修改的config文件。
根据 Vue-cli
版本不同,共有两种方式
【第一种】
index.html
文件在 public
文件夹下
index.html 文件内容:
目录结构:
- 在
public
文件夹下创建config.js
,如上图 - 在
config
中添加信息
var ip = "localhost";
var port = "8080";
- 在
index.html
文件中引用
<script src="./config.js" charset="UTF-8"></script>
- 调用方式
let ip = window.ip;
let port = window.port;
- 打包后
【第二种】
index.html
在根目录下,处理方式与第一种基本相同
- 在
static
目录下创建config.js
- 编写
config.js
var ip = "localhost";
var port = "8080";
- 在
index.html
中引入,注意路径
<script src="static/config.js" charset="UTF-8"></script>
- 调用
let ip = window.ip;
let port = window.port;
- 打包后
另外,需要注意
config/index.js
中的配置
assetsPublicPath
后要加 .