vue3.x项目,配置项目打包到二级目录

vue3.x项目,配置项目打包到二级目录

一、打开 vite.config.js 文件,添加或修改base字段, 将其值设置为二级目录的路径。例如想将应用部署到服务器上的/my-app目录下,如下设置:

export default defineConfig({
  base: '/my-app/',
  // 其他配置...
})

在这里插入图片描述

二、这一步可配置也可不配置

如果使用了Vue Router,路由配置中的base选项也应设置为二级目录路径:

const router = createRouter({
  history: createWebHistory(process.env.BASE_URL),
  routes,
  base: '/my-app/', // 设置为你的二级目录路径
})

相关推荐

  1. nginx 二级目录部署vue项目

    2024-03-21 01:50:01       51 阅读

最近更新

  1. docker php8.1+nginx base 镜像 dockerfile 配置

    2024-03-21 01:50:01       94 阅读
  2. Could not load dynamic library ‘cudart64_100.dll‘

    2024-03-21 01:50:01       100 阅读
  3. 在Django里面运行非项目文件

    2024-03-21 01:50:01       82 阅读
  4. Python语言-面向对象

    2024-03-21 01:50:01       91 阅读

热门阅读

  1. C语言程序设计-谭浩强

    2024-03-21 01:50:01       39 阅读
  2. 【算法】归并排序模板

    2024-03-21 01:50:01       38 阅读
  3. 京东jd按关键字搜索商品 API

    2024-03-21 01:50:01       38 阅读
  4. 【mysql】MyISAM与InnoDB区别

    2024-03-21 01:50:01       37 阅读
  5. C++基本认识

    2024-03-21 01:50:01       42 阅读
  6. 数学建模论文格式

    2024-03-21 01:50:01       40 阅读
  7. 代码随想录day01

    2024-03-21 01:50:01       35 阅读
  8. 查看显卡型号linux

    2024-03-21 01:50:01       43 阅读
  9. Github 2024-03-19 Python开源项目日报 Top10

    2024-03-21 01:50:01       46 阅读