vue下使用nginx刷新頁面404的問題解決
更新時(shí)間：2019年08月02日 14:26:07 作者：JiAyInNnNn123
這篇文章主要介紹了vue下使用nginx刷新頁面404的問題解決,文中通過示例代碼介紹的非常詳細(xì)，對大家的學(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è)置的端口號
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;
以上就是本文的全部內(nèi)容，希望對大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。
相關(guān)文章
這篇文章主要介紹了詳解Vue打包優(yōu)化之code spliting，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2018-04-04
使用vue/cli出現(xiàn)defineConfig?is?not?function錯(cuò)誤解決辦法
這篇文章主要給大家介紹了關(guān)于使用vue/cli出現(xiàn)defineConfig?is?not?function錯(cuò)誤的解決辦法,當(dāng)我們在做打包配置的時(shí)候,出現(xiàn)了這個(gè)錯(cuò)誤,需要的朋友可以參考下2023-11-11
在vue中給列表中的奇數(shù)行添加class的實(shí)現(xiàn)方法
今天小編就為大家分享一篇在vue中給列表中的奇數(shù)行添加class的實(shí)現(xiàn)方法，具有很好的參考價(jià)值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-09-09
Vue處理循環(huán)數(shù)據(jù)流程示例精講
這篇文章主要介紹了Vue處理循環(huán)數(shù)據(jù)流程，這個(gè)又是一個(gè)編程語言，?模版語法里面必不可少的一個(gè)，?也是使用業(yè)務(wù)場景使用最多的一個(gè)環(huán)節(jié)。所以學(xué)會使用循環(huán)也是重中之重了2023-04-04
這篇文章主要為大家介紹了Vue的鍵盤事件，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下，希望能夠給你帶來幫助2022-01-01
這篇文章主要為大家詳細(xì)介紹了Vue如何將頁面導(dǎo)出成PDF文件，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2020-08-08
這篇文章主要來和大家詳細(xì)探討一下Vue2中是如何監(jiān)聽數(shù)組的變化的,文中的示例代碼講解詳細(xì),感興趣的小伙伴可以跟隨小編一起學(xué)習(xí)一下2024-03-03
在vue-cli腳手架中配置一個(gè)vue-router前端路由
這篇文章主要給大家介紹了在vue-cli腳手架中配置一個(gè)vue-router前端路由的相關(guān)資料，文中通過示例代碼介紹的非常詳細(xì)，對大家具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面跟著小編一起來學(xué)習(xí)學(xué)習(xí)吧。2017-07-07
Vue網(wǎng)頁html轉(zhuǎn)換PDF（最低兼容ie10）的思路詳解
這篇文章主要介紹了Vue網(wǎng)頁html轉(zhuǎn)換PDF（最低兼容ie10）的思路詳解,實(shí)現(xiàn)此功能需要引入兩個(gè)插件，需要的朋友可以參考下2017-08-08
本篇文章主要介紹了深入理解vue-router之keep-alive。keep-alive使被包含的組件保留狀態(tài)，或避免重新渲染，有興趣的可以了解一下2017-08-08