修改Vue打包后文件的接口地址配置

4/5/2020 Vue技巧

# 1、public/static文件夹下新增 config.js

# 2、在config.js文件中添加一个全局的window对象

//config.js
window.apiObj = {
  apiUrl:'http://192.100.5.106',
  apiName: '网段地址',
  apiArea: '这个地址是用于商品列表功能'
}
1
2
3
4
5
6

# 3、在public目录下的index.html中引入这个config.js文件

<script src="/static/config.js"></script>
1

# 4、组件中直接使用 window 对象

const baseURL= window.apiObj.apiUrl
1
Last Updated: 12/30/2022, 2:33:12 PM