server {
listen 80;
server_name your_domain.com;
location / {
root /path/to/your/vue/project;
index index.html;
try_files $uri $uri/ /index.html;
}
}
奇怪的现象,在vue路由中/会跳转到/abc/def，但如果直接输入/abc/def会显示404，添加
try_files $uri $uri/ /index.html;
这行后就好了，因为 Nginx 的配置中没有正确处理路由重定向和前端路由的问题。
Vue 使用的是前端路由，所以在浏览器中直接访问 /abc/def 时，Nginx 默认会认为这是一个静态文件或目录，因此会返回 404 错误。文章来源：https://www.toymoban.com/news/detail-669887.html
要解决这个问题，你需要在 Nginx 的配置文件中添加一个位置匹配规则，将所有请求都重定向到 index.html 文件，这样 Vue 路由就能正常处理路径。文章来源地址https://www.toymoban.com/news/detail-669887.html
到了这里，关于nginx 托管vue项目配置的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！
