亚洲激情专区-91九色丨porny丨老师-久久久久久久女国产乱让韩-国产精品午夜小视频观看

溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務條款》

vue中history模式如何打包部署在域名的二級目錄配置

發布時間:2021-08-17 10:33:29 來源:億速云 閱讀:216 作者:小新 欄目:web開發

這篇文章將為大家詳細講解有關vue中history模式如何打包部署在域名的二級目錄配置,小編覺得挺實用的,因此分享給大家做個參考,希望大家閱讀完這篇文章后可以有所收獲。

最近在做項目,需要把項目部署在域名下的二級目錄,并且是在用vue-routerhistory 模式。

  我們都知道vue-router 的兩種前端基本訪問模式 hash 和history 。hash 模式后面帶#,打包的時候只需要把絕對路徑(/)換成相對對路徑(./),就可以部署在任何地方,不需要服務器配合,但是不好看,所以我們一般選擇history 模式,但是history 模式需要配合服務器的部署。

本文主要是在vue-cli3版本下,對部署在域名的二級目錄下做四處的配置:

1. vue-router 路由的文件的配置,根據自己部署的二級目錄填寫 

export default new VueRouter({
 mode:"history",
  base:"/web",

2.在vue.config.js配置文件(如果沒有新建一個,項目根目錄下)

 注意: baseUrl 從 Vue CLI 3.3 起已棄用,請使用publicPath。

module.exports = {
  publicPath:"/web"
}

3.在入口文件中index.html 的head 標簽內加入 

 <meta base ="/web/">

4.最后就是部署配置,以nginx 為例   

server {
 listen 80;
 server_name localhost;
 root /home/wwwroot/;
 location /web {
  try_files $uri $uri/ /web/index.html;
 }
}

到此,配置和部署已經完成了,將打包好的前端靜態資源放在域名指定的根目錄下的二級(多級目錄配置同上)錄即可,

注意,以上配置是針對在history模式,部署在域名下的二級目錄以上的 配置,hash 模式 和 history 模式部署在域名根目錄不需要那么多配置。

關于“vue中history模式如何打包部署在域名的二級目錄配置”這篇文章就分享到這里了,希望以上內容可以對大家有一定的幫助,使各位可以學到更多知識,如果覺得文章不錯,請把它分享出去讓更多的人看到。

向AI問一下細節

免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。

AI

永胜县| 洛隆县| 谷城县| 沈阳市| 将乐县| 乐业县| 长汀县| 金塔县| 阳朔县| 泊头市| 平武县| 唐海县| 冷水江市| 辉南县| 个旧市| 新民市| 勃利县| 通江县| 塔城市| 庆元县| 垦利县| 泸州市| 南漳县| 洪泽县| 望奎县| 岳普湖县| 保亭| 汉阴县| 玉门市| 防城港市| 桦川县| 班玛县| 象州县| 开原市| 类乌齐县| 肇庆市| 鲜城| 岳阳市| 天津市| 罗山县| 剑川县|