1. 进入nginx配置文件目录 代码语言:javascript 复制 cd nginx/conf/ 2.编辑配置文件nginx.conf 代码语言:javascript 复制 vi nginx.conf 输入命令 i 进入编辑模式,在指定位置添加代码 location/{root...index...try_files $uri $uri//index.html;---解决页面刷新404问题} 3. 保存退出 代码语言:javascript 复...
一、遇到的问题 Vue项目打包部署到线上后,刷新页面会提示404或者直接复制链接地址也是404。这是因为网页访问的是静态绝对路径,而服务器上没有该路径。 二、ngix解决方案 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 http { #gzip on; server { listen 10001; server_name 192.168.8.216; location / { ro...
前一阵子有个项目,前端是vue3的。 vue项目一般会集成vue-router,通过模拟路由,实现单页面功能。 开发时不注意,使用Nginx部署时,就会出现一个坑,页面一刷新,就找不到页面。 百度一下,找到靠谱的博客为:https://blog.csdn.net/weixin_41127362/article/details/134710629 不仅介绍了Nginx配置,还介绍了前端构建工具的...
简介:nginx配置解决vue刷新404、swagger 页面访问(springboot+vue项目) server{listen 80 default_server;#你的域名server_name tt.com;#静态文件目录root /www/wwwroot/www.tt.com;index index.html index.htm;#vue刷新404location / {try_files $uri $uri/ @router;index index.html;}location @router {rewri...
解决nginx部署vue刷新、访问路由页面404 参考:https://blog.csdn.net/qq_43059674/article/details/110296807 location / { try_files $uri $uri/ @router; index index.html; } location @router { rewrite ^.*$ /index.html last; 1. 2. 3.
出现的问题:写好的页面通过nginx作为代理的服务器给别的同事看的时候发现了新写的页面打开就404,并且从其他页面跳转可以看到但是刷新页面就404。 解决方法: 在文件中的nginx.conf文件中修改,代码如下 server {listenYYYY;//自己设置的端口号 server_name192.168.XXX.XXX;//在黑窗口下ipconifg后出现的IPv4地址复制 ...
nginx解决vue路由history模式刷新404问题,在nginx上部署vue项目(history模式);vue-router默认是hash模式,使用url的hash来模拟一个完整的url,当url改变的时候,页面不会重新加载。但是如果我们不想hash这种以#号结尾的路径时候的话,我们可以使用路由的history的模式。比
Nginx 配置vue项目访问目录后,刷新404解决方案 在浏览器中直接访问www.test.com/api1/login会404。但如果你先访问www.test.com后再点“登录" 跳转到www.test.com/api1/login是正常显示。f5刷新又会出现 404了 这是web单页面开发模式造成的。现在主流的前端框架基本都是单页面的。如:react、vue等。
server{listen80;server_name www.tianxiashiguan.com tianxiashiguan.com;access_log/data/wwwlogs/access_nginx.log combined;root/data/wwwroot/dist/;index index.html index.htm index.jsp;try_files $uri $uri//index.html;//此处解决刷新页面出现404的问题}...
2、使用nginx,刷新404,在nginx捕获,返回到 index.html 页面,这个页面就是你 app 依赖的页面。 这里必须注意,nginx的配置与前端代码中静态资源打包方式有关联。这里先解释一下我的项目路径等等。 2.1、项目打包后目录:wap image.png 2.2、部署目录:/root/server/vue ...