项目中多接口,创建变量引用://两种方法:
//用js写一个apiConfig.js,然后在页面中用js引用
//(1.在html文件中引用)
<script src="../js/apiConfig.js" charset="utf-8"></script>
<script>
let BASE_URL = apiConfig.BASE_URL;
console.log(BASE_URL);
//(在.js文件中写入;如apiConfig.js)
const apiConfig = {
BASE_URL: 'http://127.0.0.1'
};
(2.利用前端模板参数,Thymeleaf使用)
//(在配置文件中,如.yml文件中)
# 基础接口url配置
myapp:
base-url: http://127.0.0.1
//(在内层模块页面.html中)
<script th:inline="javascript">
let BASE_URL = /*[[${@environment.getProperty('myapp.base-url')}]]*/ '';
console.log(BASE_URL);