西安建设网站推广,wordpress的程序文件,郑州哪里做网站汉狮,wordpress版本列表docker使用nginx部署vue刷新页面404
从docker内部复制出来的配置文件是这样的#xff0c;但是刷新页面之后就显示404#xff0c;关键是我两个前端项目都是用的这一个配置文件#xff0c;但是只有一个项目出现刷新浏览器显示404的问题#xff0c;这给我搞懵了#xff01;但是刷新页面之后就显示404关键是我两个前端项目都是用的这一个配置文件但是只有一个项目出现刷新浏览器显示404的问题这给我搞懵了 在网上查找问题原因和解决办法但是大多数都说是资源找不到让修改配置文件 刷新页面时访问的资源在服务端找不到因为vue-router设置的路径不是真实存在的路径。如上的404现象是因为在nginx配置的根目录下面压根没有loading这个真实资源存在这些访问资源都是在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的问题还是那个前端项目出的问题然后有同事给了一段代码让贴到配置文件里然后就又好了
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,*;
}这里只记录一下感兴趣的自己查查
