Nginx部署Vue项目刷新页面404
vue项目router用的是history模式,用nginx代理服务器部署后只能看到主页,刷新或跳转其他页面就会出现404。解决方法:修改nginx.conf配置文件,将客户端发来的url重定向到默认的index.html,才能正常访问。关键代码:try_files $uri $uri/ /index.html;完整配置:server {listenXXXX;//端口号server_nameXXX
·
vue项目router用的是history模式,用nginx代理服务器部署后只能看到主页,刷新或跳转其他页面就会出现404。
解决方法:修改nginx.conf配置文件,将客户端发来的url重定向到默认的index.html,就可以正常访问。
关键代码:
try_files $uri $uri/ /index.html;
完整配置:
server {
listen XXXX; //端口号
server_name XXX.XXX.XXX.XXX; //本机IP地址
location /{
root E:/website/dist/; //打包后的项目路径
index index.html index.htm; //默认访问的页面
try_files $uri $uri/ /index.html; //解决刷新页面变成404问题的代码
}
}
更多推荐
已为社区贡献24条内容
所有评论(0)