詳解vue通過(guò)NGINX部署在子目錄或者二級(jí)目錄實(shí)踐
更新時(shí)間：2018年09月03日 10:18:52 作者：liugx
這篇文章主要介紹了詳解vue通過(guò)NGINX部署在子目錄或者二級(jí)目錄實(shí)踐，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
1、修改 router/index.js
添加一行
base: 'admin',
2、然后修改 config/index.js
增加一行
const assetsPublicPath = '/admin/'
然后修改 下面兩處assetsPublicPath 的值為定義的變量
3、部署時(shí)，通過(guò)NGINX的反向代理
首先，給需要部署的項(xiàng)目定義一個(gè) NGINX 的 server
server {
listen 8001;
location / {
# vue h5 history mode 時(shí)配置
try_files $uri $uri/ /index.html;
root /home/html/travel_admin/dist;
index index.html index.htm;
}
}
再到配置域名的主配置server上做反向代理
server {
listen 80;
server_name web.zjj7.com;
location / {
# 這里是根目錄的項(xiàng)目
try_files $uri $uri/ /index.html;
root /home/html/travel/dist;
index index.html index.htm;
}
# 這里是需要部署的二級(jí)目錄應(yīng)用配置
location ^~/admin/ {
proxy_redirect off;
proxy_set_header Host $host;
proxy_set_header X-Real-IP $remote_addr;
proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
proxy_pass http://127.0.0.1:8001/;
}
}
這要重啟NGINX以后，部署就完成了
以上就是本文的全部?jī)?nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。
相關(guān)文章
一文詳解vue-router中的導(dǎo)航守衛(wèi)
vue-router提供的導(dǎo)航守衛(wèi)主要用來(lái)通過(guò)跳轉(zhuǎn)或取消的方式守衛(wèi)導(dǎo)航，在 vue-router 中，導(dǎo)航守衛(wèi)是一種非常重要的功能，所以本文將詳細(xì)講解一下vue-router中的導(dǎo)航守衛(wèi)，感興趣的同學(xué)跟著小編一起來(lái)看看吧2023-07-07
詳解vue-cli腳手架build目錄中的dev-server.js配置文件
這篇文章主要介紹了詳解vue-cli腳手架build目錄中的dev-server.js配置文件，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-11-11
vue.js 中使用（...）運(yùn)算符報(bào)錯(cuò)的解決方法
這篇文章主要介紹了vue.js 中使用（...）運(yùn)算符報(bào)錯(cuò)的解決方法，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2018-08-08
這篇文章主要介紹了Vue EventBus自定義組件事件傳遞，組件化應(yīng)用構(gòu)建是Vue的特點(diǎn)之一，本文主要介紹EventBus進(jìn)行數(shù)據(jù)消息傳遞 ，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2018-06-06
Vue+element自定義指令如何實(shí)現(xiàn)表格橫向拖拽
這篇文章主要介紹了Vue+element自定義指令如何實(shí)現(xiàn)表格橫向拖拽，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2022-10-10
React-Router 路由庫(kù)，是官方維護(hù)的路由庫(kù)，事實(shí)上也是唯一可選的路由庫(kù)。它通過(guò)管理 URL，實(shí)現(xiàn)組件的切換和狀態(tài)的變化，開(kāi)發(fā)復(fù)雜的應(yīng)用幾乎肯定會(huì)用到2022-09-09
這篇文章主要介紹了vue常用組件之confirm用法及說(shuō)明，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2022-09-09
這篇文章主要介紹了詳解Vue2.0之去掉組件click事件的native修飾,小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-04-04
這篇文章主要介紹了vue.config.js中配置Vue的路徑別名的方法，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2020-02-02
使用mint-ui開(kāi)發(fā)項(xiàng)目的一些心得(分享)
下面小編就為大家?guī)?lái)一篇使用mint-ui開(kāi)發(fā)項(xiàng)目的一些心得(分享)。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-09-09