vue-cli3 项目路由 history 模式部署到 nginx 服务器

本文主要是介绍vue-cli3 项目路由 history 模式部署到 nginx 服务器，对大家解决编程问题具有一定的参考价值，需要的程序猿们随着小编来一起学习吧！

1.项目修改
vue.config.js增加

 publicPath: '/'

2.nginx配置

location / {#访问前端页面
root /data/dist;#vue项目存放路径
index index.html; #hash模式只配置访问html就可以了
try_files $uri $uri/ /index.html;#history模式配置否则会出现vue的路由在nginx中刷新出现404
}

这篇关于vue-cli3 项目路由 history 模式部署到 nginx 服务器的文章就介绍到这儿，希望我们推荐的文章对大家有所帮助，也希望大家多多支持为之网！