vue下使用nginx刷新頁面404的問題解決
更新時(shí)間：2019年08月02日 14:26:07 作者：JiAyInNnNn123
這篇文章主要介紹了vue下使用nginx刷新頁面404的問題解決,文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下
nginx 是一個(gè)代理的服務(wù)器。
出現(xiàn)的問題：寫好的頁面通過nginx作為代理的服務(wù)器給別的同事看的時(shí)候發(fā)現(xiàn)了新寫的頁面打開就404，并且從其他頁面跳轉(zhuǎn)可以看到但是刷新頁面就404。
解決方法：
在文件中的nginx.conf文件中修改，代碼如下
server {
listen YYYY; //自己設(shè)置的端口號(hào)
server_name 192.168.XXX.XXX; //在黑窗口下ipconifg后出現(xiàn)的IPv4地址復(fù)制
location /{
root E:/website_wap/dist/; //項(xiàng)目打包后的路徑
index index.html index.htm;
try_files $uri $uri/ /index.html; //解決刷新頁面變成404問題的代碼
}
}
訪問的地址就是192.168.XXX.XXX:YYYY
一定要記得先npm run build 哦~（我就是在湊字?jǐn)?shù)?。。?/p>
解決代碼：
try_files $uri $uri/ /index.html;
以上就是本文的全部?jī)?nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。
相關(guān)文章
使用 Vue-TCB 快速在 Vue 應(yīng)用中接入云開發(fā)的方法
這篇文章主要介紹了如何使用 Vue-TCB 快速在 Vue 應(yīng)用中接入云開發(fā),本文給大家介紹的非常詳細(xì)，具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2020-02-02
vue.js實(shí)現(xiàn)含搜索的多種復(fù)選框（附源碼）
這篇文章主要給大家介紹了利用vue.js實(shí)現(xiàn)含搜索的多種復(fù)選框的相關(guān)資料，文中給出了簡(jiǎn)單的介紹，但提供了完整的實(shí)例源碼供大家下載學(xué)習(xí)，相信對(duì)大家具有一定的參考價(jià)值，需要的朋友們下面來一起看看吧。2017-03-03
在項(xiàng)目開發(fā)中我們難免碰到需要對(duì)webpack配置更改的情況,下面這篇文章主要給大家介紹了關(guān)于vuecli中chainWebpack的常用操作舉例,文中通過實(shí)例代碼介紹的非常詳細(xì),需要的朋友可以參考下2022-10-10
混入(mixin)提供了一種非常靈活的方式，來分發(fā)vue組件中的可復(fù)用功能。一個(gè)混入對(duì)象可以包含任意組件選項(xiàng)。當(dāng)組件使用混入對(duì)象時(shí)，所有混入對(duì)象的選項(xiàng)將被“混合”進(jìn)入該組件本身的選項(xiàng)2022-08-08
在vue項(xiàng)目中假使我們?cè)谕粋€(gè)路由下,只是改變路由后面的參數(shù)值,期望達(dá)到數(shù)據(jù)的更新,這篇文章主要給大家介紹了關(guān)于vue3監(jiān)聽路由的變化的相關(guān)資料,需要的朋友可以參考下2023-09-09
這篇文章主要介紹了關(guān)于axios的proxy代理配置解析，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2023-07-07
這篇文章主要介紹了修改Vue項(xiàng)目運(yùn)行的IP和端口的方法，本文結(jié)合示例代碼給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2023-02-02
methods是如何綁定this的 methods綁定上下文執(zhí)行環(huán)境是通過bind來進(jìn)行的呢,本文給大家介紹Vue中methods實(shí)現(xiàn)原理是什么,感興趣的朋友一起看看吧2023-11-11
vue前端實(shí)現(xiàn)表格數(shù)據(jù)增查改刪功能
增刪改查是我們寫項(xiàng)目百分之七十會(huì)遇到的代碼,下面這篇文章主要給大家介紹了關(guān)于vue前端實(shí)現(xiàn)表格數(shù)據(jù)增查改刪功能的相關(guān)資料,文中通過代碼介紹的非常詳細(xì),需要的朋友可以參考下2024-05-05
這篇文章主要介紹了VSCode使用之Vue工程配置eslint，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2019-04-04