第1304天：vue3 + vite 项目部署在非根路径

2024年7月27日星期六阵雨 26～34℃

标签:前端

项目通常都是部署在根目录，但是如果要部署在非根目录，例如 https://www.aaa.com/xxx/

要改三个地方，把目录名带上。

vite.config.js

export default defineConfig({
base: ‘/xxx/’,
…
})

router 文件

const router = createRouter({
history: createWebHistory(‘/xxx/’),
…
})

nginx 加一段配置（解决页面刷新报错的问题）

注意：root 路径改成自己服务器的真实路径

location ^~ /xxx/ {
root /opt/app/nginx;
index index.html index.htm;
try_files $uri Suri/ /xxx/index.html;
break;
}

zhugao