docker使用nginx部署vue刷新頁面404
從docker內(nèi)部復(fù)制出來的配置文件是這樣的，但是刷新頁面之后就顯示404，關(guān)鍵是我兩個前端項目都是用的這一個配置文件，但是只有一個項目出現(xiàn)刷新瀏覽器顯示404的問題，這給我搞懵了！??！
在網(wǎng)上查找問題原因和解決辦法，但是大多數(shù)都說是資源找不到，讓修改配置文件
刷新頁面時訪問的資源在服務(wù)端找不到，因為vue-router設(shè)置的路徑不是真實存在的路徑。如上的404現(xiàn)象，是因為在nginx配置的根目錄下面壓根沒有l(wèi)oading這個真實資源存在，這些訪問資源都是在js里渲染的。
下面是配置文件的代碼，改完之后果然就好了，兩個前端刷新之后都沒事了，
worker_processes auto;
events {
worker_connections 1024;
}
http {
include mime.types;
default_type application/octet-stream;
sendfile on;
keepalive_timeout 65;
client_max_body_size 20m;
server {
listen 80;
server_name localhost;
location / {
root /usr/share/nginx/html; #配置Vue項目根路徑
index index.html index.html; #配置首頁
try_files $uri $uri/ /index.html; #防止刷新報404
}
#error_page 404 /404.html;
#location = /40x.html {
#}
error_page 500 502 503 504 /50x.html;
location = /50x.html {
root html;
}
}
}
還有就是在windows上刷新也顯示404的問題，還是那個前端項目出的問題，然后有同事給了一段代碼，讓貼到配置文件里，然后就又好了！文章來源：http://www.zghlxwxcb.cn/news/detail-800116.html
location / {
root html;
index index.html;
try_files $uri $uri/ /index.html;
autoindex on; #開啟nginx目錄瀏覽功能
autoindex_exact_size off; #文件大小從KB開始顯示
charset utf-8; #顯示中文
add_header 'Access-Control-Allow-Origin' '*'; #允許來自所有的訪問地址
add_header 'Access-Control-Allow-Credentials' 'true';
add_header 'Access-Control-Allow-Methods' 'GET, PUT, POST, DELETE, OPTIONS'; #支持請求方式
add_header 'Access-Control-Allow-Headers' 'Content-Type,*';
add_header 'Access-Control-Allow-Headers' 'x_hztz_token,*';
}
這里只記錄一下，感興趣的自己查查！文章來源地址http://www.zghlxwxcb.cn/news/detail-800116.html
到了這里，關(guān)于docker使用nginx部署vue刷新頁面404的文章就介紹完了。如果您還想了解更多內(nèi)容，請在右上角搜索TOY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！
