需求
vue 代碼打包之后，需要在多個地方部署。正常操作是：先改 ip 地址，再打包。這樣每換一個地方部署，就需要重新打包一次。
下面總結(jié)兩種方式可以在打包之后動態(tài)修改 ip 地址。
一、使用 config.json
-
在 public 根目錄下新建一個 config.json 文件
-
在需要的頁面通過 jQuery 請求 api 數(shù)據(jù)
-
打包完之后，在 dist 下有一個 config.json 文件，可以通過該文件來動態(tài)配置 ip 地址
- 注意：這種方法需要通過 jQuery 同步請求 json 數(shù)據(jù)。
- vue 中使用 jQuery 方法
- 安裝jQuery：
npm install jquery - 在 main.js 中全局注冊 jQuery
import $ from 'jquery'; window.jQuery = $; window.$ = $; - 通過
$使用 jQuery 功能
- 安裝jQuery：
二、使用 config.js
-
在 public 根目錄下新建一個 config.js 文件
-
在 index.html 中引入 config.js 文件
-
在需要的地方直接通過
window.apiObj.xxx使用
文章來源：http://www.zghlxwxcb.cn/news/detail-611139.html -
打包完之后，在 dist 下有一個 config.js 文件，可以通過該文件來動態(tài)配置 ip 地址
文章來源地址http://www.zghlxwxcb.cn/news/detail-611139.html
到了這里，關(guān)于Vue 前端代碼多地部署（打包后配置動態(tài)IP）的文章就介紹完了。如果您還想了解更多內(nèi)容，請在右上角搜索TOY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！
