使用nginx作为vue项目服务器,解决vue路由404问题。
打包好的vue项目上传到linux服务器上,使用nginx作为服务器时,vue项目的路由失效问题。解决方案:配置nginx.conf添加如下配置location / {root/usr/local/~~;# 指定vue项目文件的位置,注:用户目录的话会出现403问题indexindex.html; # 访问 / 时跳的页面try_fil...
·
打包好的vue项目上传到linux服务器上,使用nginx作为服务器时,vue项目的路由失效问题。
解决方案:
配置nginx.conf
添加如下配置
location / {
root /usr/local/~~; # 指定vue项目文件的位置,注:用户目录的话会出现403问题
index index.html; # 访问 / 时跳的页面
try_files $uri $uri/ @router; # 截取404的uri,传给 @router
}
location @router {
rewrite ^.*$ /index.html last; # 接到截取的uri 并按一定规则重写uri和vue路由跳转
}
更多推荐
已为社区贡献1条内容
所有评论(0)