前置条件:服务器、域名、备案、项目
首先进入宝塔点击左侧的网站,然后点击添加站点
填入域名,点击提交,宝塔会自动帮忙创建一个根目录
到该根目录,把打包后的vue项目放上去
点击左侧网站,点击在新创建的站点右侧的设置
点击网站目录,设置运行目录为/dist,然后点击保存
再点击左侧列表的配置文件去设置nginx
在配置的server里面加入下列代码后,点击保存
location /表示匹配所有路径
root 表示指定的目录,可以在配置上面找,宝塔有自动配
index 是设置首页
try_files 表示当找不到资源的时候返回root目录下的某个文件
# 在server里面添加 location / { root /www/wwwroot/www.test.cn/dist; index index.html index.htm; try_files $uri $uri/ /index.html; }
点击刷新,就不会出现history路由刷新后404的问题了