Vite 打包后Nginx部署配置

winyh52025-03-10 14:40

自我简介：4年导游，10年程序员，最近6年一直深耕低代码领域，分享低代码和AI领域见解。

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

js 复制代码

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

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

bash 复制代码

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 里放的静态文件

AI时代，对各行业的冲击力只会越来越大，随着AI大模型的竞赛，越来越多强悍的AI模型都会涌现，像软件开发行业的很多工作都会被取代。软件将不再是程序员的专属产物，会由AI创建很多的软件产品。

4年导游，10年程序员，深耕低代码领域6年，持续分享低代码和AI领域领域有价值的思考和沉淀，欢迎关注：winyh5

后续会推出：【挑战365天做 100 套常见的互联网系统】系列文章，让大家可以真实感受到低代码快速落地项目的可行性