Nginx 如何部署指定文件夾下的項(xiàng)目(本地測試)
更新時(shí)間：2024年01月31日 11:29:09 作者：一個(gè)博客
這篇文章主要介紹了Nginx 如何部署指定文件夾下的項(xiàng)目(本地測試),分為配置vue.config.js,指定生成環(huán)境的包,配置路由模式為hash（history模式刷新后,找不到頁面）,本文講解的非常詳細(xì),需要的朋友可以參考下
1、配置 vue.config.js，指定生成環(huán)境的包
//部署生產(chǎn)環(huán)境和開發(fā)環(huán)境下的URL publicPath: process.env.NODE_ENV === 'production' ? "/marketing" : "/", ///npm run build 或 varn build 生成文件的日錄名稱(要利baseUrl的牛產(chǎn)環(huán)境路一致)(默認(rèn)dist) outputDir:'marketing', //用于放置生成的靜態(tài)資源(js、css、img、fonts)的;(項(xiàng)目打包之后，靜態(tài)資源會(huì)放在這個(gè)文件夾下) assetsDir:'static',
2、配置路由模式為hash（history模式刷新后，找不到頁面）
3、修改 Nginx 下的配置文件
C:\server\nginx-1.24.0\conf\nginx.conf
server {
listen 80;
server_name localhost; //前端訪問時(shí)需要的ip，默認(rèn)127.0.0.1或localhost
#charset koi8-r;
location /marketing{
root C:/server;
index index.html index.htm;
#解決刷新后nginx報(bào)404問題
try_files $uri $uri/ /marketing/index.html;
}
}4、瀏覽器輸入 localhost/marketing
注意：
因?yàn)槭褂胣ginx訪問靜態(tài)資源時(shí)，路徑名要和實(shí)際路徑名匹配（root路徑+location路徑，意思是nginx是按照C:/server/marketing這個(gè)路徑去尋找資源）
到此這篇關(guān)于Nginx 部署指定文件夾下的項(xiàng)目（本地測試）的文章就介紹到這了,更多相關(guān)Nginx 部署指定文件夾下的項(xiàng)目（本地測試）內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
相關(guān)文章
nginx實(shí)現(xiàn)多個(gè)域名和集群的方法步驟
本文主要介紹了nginx實(shí)現(xiàn)多個(gè)域名和集群的方法步驟,需要配置Nginx作為反向代理服務(wù)器,將來自不同域名的請(qǐng)求轉(zhuǎn)發(fā)到集群中的相應(yīng)后端服務(wù)器,感興趣的可以了解一下2024-04-04
在日常開發(fā)和運(yùn)維中,我們經(jīng)常會(huì)使用 Nginx 作為反向代理服務(wù)器,將客戶端的請(qǐng)求轉(zhuǎn)發(fā)到后端服務(wù),然而,在某些情況下,通過 Nginx 代理后,后端服務(wù)可能會(huì)丟失部分 HTTP 頭部信息,所以本文給大家介紹了Nginx代理后HTTP頭部丟失問題的解決方案,需要的朋友可以參考下2025-02-02
本文提供了關(guān)于Nginx的配置和日志記錄的詳細(xì)指南,介紹了如何使用whereis命令查找Nginx路徑,并通過man命令查看手冊,同時(shí),詳解了解Nginx訪問日志的配置方法及參數(shù)含義,并分享了Nginx代理WebSocket的配置示例,感興趣的可以了解一下2024-10-10
這篇文章主要介紹了使用Nginx讓網(wǎng)站快速置灰的方法,首先是查看當(dāng)前編譯的版本是否支持http_sub_module模塊,如果不支持需要重新編譯增加此模塊,具體配置方法參考下本文2023-11-11
這篇文章主要介紹了nginx升級(jí)到支持HTTP2.0的方法示例，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-07-07
這篇文章主要介紹了nginx下部署vue項(xiàng)目的方法步驟，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-12-12
通過nginx反向代理來調(diào)試代碼的實(shí)現(xiàn)
這篇文章主要介紹了通過nginx反向代理來調(diào)試代碼的實(shí)現(xiàn)，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-01-01
Linux下Nginx負(fù)載均衡多個(gè)tomcat配置的方法步驟
這篇文章主要介紹了Linux下Nginx負(fù)載均衡多個(gè)tomcat配置的方法步驟，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2019-04-04
使用Nginx+Tomcat實(shí)現(xiàn)負(fù)載均衡的全過程
很多用到nginx的地方都是作為靜態(tài)伺服器,這樣可以方便緩存那些靜態(tài)文件,比如CSS，JS，html,htm等文件,下面這篇文章主要給大家介紹了關(guān)于使用Nginx+Tomcat實(shí)現(xiàn)負(fù)載均衡的相關(guān)資料,需要的朋友可以參考下2022-05-05
利 用Nginx的諸多內(nèi)置指令可實(shí)現(xiàn)自動(dòng)生成下載文件列表 頁、限制下載帶寬等功能,這篇文章給大家介紹Nginx中的文件下載服務(wù)器功能,感興趣的朋友一起看看吧2024-06-06