快捷導(dǎo)航

Nginx 如何部署指定文件夾下的項(xiàng)目(本地測(cè)試)

更新時(shí)間：2024年01月31日 11:29:09 作者：一個(gè)博客

這篇文章主要介紹了Nginx 如何部署指定文件夾下的項(xiàng)目(本地測(cè)試),分為配置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)目（本地測(cè)試）的文章就介紹到這了,更多相關(guān)Nginx 部署指定文件夾下的項(xiàng)目（本地測(cè)試）內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

您可能感興趣的文章:

相關(guān)文章

Nginx/Openresty中啟用http2支持的方法教程
Openresty/Nginx默認(rèn)是不支持http2的，需要將http2模塊編譯進(jìn)應(yīng)用中。這篇文章主要給大家介紹了關(guān)于在Nginx/Openresty中啟用http2支持的方法教程，文中介紹的非常詳細(xì)，對(duì)大家具有一的參考學(xué)習(xí)價(jià)值，需要的朋友們下面來一起看看吧。
2017-07-07
在Nginx中增加對(duì)OAuth協(xié)議的支持的教程
這篇文章主要介紹了在Nginx中增加對(duì)OAuth協(xié)議的支持的教程,OAuth協(xié)議如今廣泛用于社交網(wǎng)絡(luò)的API中,需要的朋友可以參考下
2015-06-06
詳解Nginx反向代理到Tomcat服務(wù)器
本篇文章主要介紹了詳解Nginx反向代理到Tomcat服務(wù)器，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧
2017-02-02
Nginx靜態(tài)文件響應(yīng)POST請(qǐng)求提示405錯(cuò)誤的解決方法
Apache、IIS、nginx等絕大多數(shù)web服務(wù)器，都不允許靜態(tài)文件響應(yīng)POST請(qǐng)求，否則會(huì)返回“HTTP/1.1 405 Method not allowed”錯(cuò)誤
2013-04-04
使用Nginx搭建文件下載服務(wù)器的方法詳解
本篇文章主要介紹了使用nginx搭建文件下載服務(wù)器的方法,小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,文章通過代碼給大家介紹的非常詳細(xì),有需要的一起跟隨小編過來看看吧
2023-09-09
Nginx實(shí)現(xiàn)非套路鏡像站的踩坑記錄
這篇文章主要給大家介紹了關(guān)于Nginx實(shí)現(xiàn)非套路鏡像站的踩坑記錄，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧。
2018-02-02
nginx?openresty?快速入門指南
OpenResty是基于Nginx與Lua?的高性能Web平臺(tái),其**內(nèi)部集成了大量精良的?Lua?庫、第三方模塊以及大多數(shù)的依賴項(xiàng),**用于方便地搭建能夠處理超高并發(fā)、擴(kuò)展性極高的動(dòng)態(tài)?Web?應(yīng)用、Web?服務(wù)和動(dòng)態(tài)網(wǎng)關(guān),這篇文章主要介紹了nginx?openresty?快速入門指南,需要的朋友可以參考下
2024-02-02
Nginx 代理與負(fù)載均衡詳解
這篇文章主要介紹了Nginx 代理與負(fù)載均衡詳解的相關(guān)資料,需要的朋友可以參考下
2017-05-05
Nginx屏蔽頭部攻擊實(shí)現(xiàn)方式
文章主要介紹了Nginx屏蔽頭部攻擊、正則表達(dá)式匹配、地址重寫、禁止非安全請(qǐng)求、限制IP并發(fā)連接和請(qǐng)求數(shù)量,以及Nginx壓力測(cè)試工具等內(nèi)容
2026-04-04
Nginx文件已經(jīng)存在全局反向代理問題排查記錄
反向代理除了實(shí)現(xiàn)負(fù)載均衡之外,還提供如緩存來減少上游服務(wù)器的壓力,下面這篇文章主要給大家介紹了關(guān)于Nginx文件已經(jīng)存在全局反向代理問題排查的相關(guān)資料,需要的朋友可以參考下
2022-07-07