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