vue乙個網域名稱部署多個專案 前端配置

2021-10-20 12:14:06 字數 439 閱讀 8700

在專案開發時,我們可能會遇到這樣的需求,只有乙個網域名稱,但是需要配置多個不同的模組專案進去,那麼遇到這樣的情況我們前端需要怎麼配置呢?下面我給大家說下我的配置:

第一步

首先,找到vue專案中的config檔案下的index.js,

修改assetspublicpath,具體配置如下:

build:
第二步

router檔案下的index.js,配置如下:

export default new router()
第三步

根檔案index.html新增

以上配置結束打包就可以了!

nginx乙個埠部署多個vue專案

publicpath引數官方說明 module.exports base引數官方說明 應用的基路徑,預設情況下為 projectname專案資料夾要放在html目錄下 location projectname projectname2專案資料夾要放在html目錄下 location projectn...

搭建乙個Vue前端專案

一 安裝環境 2.檢查是否安裝成功 如果輸出版本號,說明我們安裝node環境成功 3.輸入 npm v 測試是否已經成功安裝 npm,出現版本號就表示成功安裝 另外 可以安裝cnpm npm install g cnpm registry 檢查安裝結果 npm 全域性模組的存放路徑以及cache的路...

nginx同網域名稱下部署多個vue專案

一.需求 想要在同乙個網域名稱下部署多個前端專案,通過不同url來區分呼叫相應前端專案。比如 部署專案a,專案b。想要效果如下。瀏覽器輸入 http localhost 8082 a 展示專案a。瀏覽器輸入 http localhost 8082 b 展示專案b。三.nginx常用命令 進入ngin...