Archives for : 七月2024

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

项目通常都是部署在根目录,但是如果要部署在非根目录,例如 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;
}