nginx配置多個(gè)vue項(xiàng)目
更新時(shí)間：2018年04月19日 08:55:24 投稿：laozhang
這篇文章主要介紹了nginx配置多個(gè)vue項(xiàng)目的方法以及流程介紹，對(duì)此有需要的朋友參考下。
需求
nginx 下配置多個(gè) vue 項(xiàng)目
舉例:
blog: https://www.yoursite.com/blog
test: https://www.yoursite.com/test
vue項(xiàng)目中配置
vue-router 設(shè)置 base 路徑
base: '/blog/'
config/index.js 修改 assetsPublicPath
assetsPublicPath: '/blog/'
nginx配置
location /blog {
try_files $uri $uri/ /blog/index.html;
}
相關(guān)文章
nginx代理部署Vue刷新頁(yè)面404的問(wèn)題解決
在上線vue開(kāi)發(fā)的前端網(wǎng)頁(yè)部署在服務(wù)器上后,刷新頁(yè)面顯示404,本文就來(lái)介紹一下nginx代理部署Vue刷新頁(yè)面404的問(wèn)題解決,感興趣的可以了解一下2023-12-12
nginx could not build the server_names_hash 解決方法
服務(wù)器名字的hash表是由指令 server_names_hash_max_size 和 server_names_hash_bucket_size所控制的。2011-03-03
跨域資源共享是一種機(jī)制,本文主要介紹了Nginx?跨域配置的具體實(shí)現(xiàn),文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2024-09-09
Nginx中配置過(guò)濾爬蟲(chóng)的User-Agent的簡(jiǎn)單方法
這篇文章主要介紹了Nginx中配置過(guò)濾爬蟲(chóng)的User-Agent的簡(jiǎn)單方法,文中羅列了一些常用搜索引擎的爬蟲(chóng)名稱以免造成不必要的過(guò)濾,需要的朋友可以參考下2016-01-01
nginx加php-fpm出現(xiàn)502 bad gateway錯(cuò)誤的5種解決方法
這篇文章主要介紹了nginx加php-fpm環(huán)境中出現(xiàn)502 bad gateway錯(cuò)誤的5種解決方法,總結(jié)歸納服務(wù)器出現(xiàn)502錯(cuò)誤的原因多數(shù)為連接過(guò)多和腳本超時(shí),本文總結(jié)了5種解決方法,需要的朋友可以參考下2014-05-05
這篇文章主要為大家介紹了Nginx如何代理UDP連接的實(shí)現(xiàn)詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2023-06-06
Nginx實(shí)現(xiàn)外網(wǎng)訪問(wèn)內(nèi)網(wǎng)的步驟詳解
外網(wǎng)瀏覽器與內(nèi)網(wǎng)是不通的,但是外網(wǎng)與中間過(guò)渡服務(wù)器是通的,中間過(guò)渡服務(wù)器與內(nèi)網(wǎng)服務(wù)器是通的,這樣在外網(wǎng)訪問(wèn)過(guò)渡服務(wù)器時(shí),過(guò)渡服務(wù)器再跳轉(zhuǎn)到后臺(tái)服務(wù)器,本文給大家介紹了Nginx外網(wǎng)訪問(wèn)內(nèi)網(wǎng)如何實(shí)現(xiàn)步驟,需要的朋友可以參考下2023-10-10
Nginx 連接tomcat時(shí)會(huì)話粘性問(wèn)題分析及解決方法
這篇文章主要介紹了Nginx 連接tomcat時(shí)會(huì)話粘性問(wèn)題分析及解決方法的相關(guān)資料，非常不錯(cuò)，具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2015-10-10
nginx反向代理之將80端口請(qǐng)求轉(zhuǎn)發(fā)到8080
這篇文章主要介紹了nginx反向代理之將80端口請(qǐng)求轉(zhuǎn)發(fā)到8080，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2019-08-08
使用google-perftools優(yōu)化nginx在高并發(fā)時(shí)的性能的教程(完整版)
如果使用googler開(kāi)發(fā)的google-perftools優(yōu)化Nginx和MySQL的內(nèi)存管理，性能將會(huì)有一定程度的提升。特別是對(duì)高并發(fā)下的服務(wù)器，效果更明顯2013-02-02