宝塔部署history模式的vue3项目

前置条件：服务器、域名、备案、项目

首先进入宝塔点击左侧的网站，然后点击添加站点

 填入域名，点击提交，宝塔会自动帮忙创建一个根目录

到该根目录，把打包后的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的问题了