今天在做專案的時候遇到了一個問題， 就是把專案部署到不同的服務器上， 但不能每次修改IP的時候就打包一次， 這就增加了前端的作業量，經過百度， 發現有一些方法是可以的，親測可用，
具體操作是，
1，在static檔案夾下面建立一個config.js檔案，
(function () {
window.SITE_CONFIG = {}
// api介面請求地址 這里寫你后端要請求的介面地址，如果只是一個地址，可洗掉下面的那個
window.SITE_CONFIG['baseUrl'] = '請求的地址'
window.SITE_CONFIG['baseUrl_two'] = '請求的地址'
})()
2， 在vue專案中的index.html頁面參考這個config.js，利用window的屬性把地址在全域中暴露出來，
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1.0">
<link rel="stylesheet" href="https://www.cnblogs.com/weiqinlu/archive/2023/03/15/src/assets/style/index.css">
<title>修改IP</title>
<script src="https://www.cnblogs.com/weiqinlu/archive/2023/03/15/static/config.js"></script>
</head>
<body>
<div id="app"></div>
<!-- built files will be auto injected -->
</body>
</html>
3， 在你封裝的請求頁面，把這個全域暴露出來的Window屬性介面IP寫到公共方法里面，
import axios from './http' import axiosTwo from './axiosTwo' import store from '../store' let baseUrl=window.SITE_CONFIG.baseUrl //該方法為普通介面呼叫 請求頭不一樣 該請求頭為 application/json function requestPost([dataList, methodInfo] = [{}, {}]) { return axios.post(`${baseUrl}`, { dataList, methodInfo, }); }
這樣就完成了，重新打包之后，在static檔案夾中會生成config.js的檔案， 修改這個檔案的地址，就可以更換IP地址了，
轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/547025.html
標籤：其他
上一篇：使用vscode + vite + vue3+ vant 搭建vue3腳手架
下一篇：uniapp，常用工具函式