Vue3+vite部署nginx的二级目录，使用hash模式

木头没有瓜

已于 2024-06-07 11:01:01 修改

阅读量237

点赞数 2

文章标签： java 前端服务器

于 2024-06-07 10:01:04 首次发布

本文链接：https://blog.csdn.net/weixin_40918145/article/details/139518233

版权

修改router访问路径

import { createRouter, createWebHashHistory } from 'vue-router'

const router = createRouter({
  history: createWebHashHistory ('/mall4pc-bbc/'),
  routes: [
    XXX,
  ]
})

配置package.json文件

 "build:testTwo": "vite build --mode testing --base=/mall4pc-bbc/",

执行打包命令

npm run build:testTwo

打包出来的目录路径是这样子的

Nginx配置

# mall4pc-bbc 页面
            location /mall4pc-bbc {
                alias /home/warehouse/mall4pc-bbc;
                index index.html index.htm;
                try_files  $uri $uri/ /mall4pc-bbc/index.html @rewrites; 
        }

参考文章

Vue3 造轮子之打包构建配置二级目录_vite在build打包的时候增加二级目录-CSDN博客