系统相关
首页 > 系统相关> > 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
}

 

标签:index,vue,cli3,uri,nginx,html,history
来源: https://www.cnblogs.com/webenh/p/15519615.html