Vite 打包后Nginx部署配置

vite.config.js 配置文件---纯笔记记录,没有阅读价值～

export default {
  base:"/mywebsite", // 开发或生产环境服务的公共基础路径
}

当base修改后nginx部署时需要做相应调整

location / {
    root   /usr/share/nginx/html;
    index  index.html index.htm;
}

location /mywebsite {
    #二级路由时需要使用别名alias，不用root
    alias   /usr/share/nginx/html/mywebsite;
    index  index.html index.htm;
    #若不配置try_files，刷新会404
    try_files $uri $uri/ /mywebsite/index.html; # 注意这里需要加上base路径
}

至此访问xxx.xxx.xxx.xxx 或者 localhost 可以看到项目页面 root 里放的静态文件

访问xxx.xxx.xxx.xxx/mywebsite 或者 localhost/mywebsite 可以看到项目页面 alias 里放的静态文件