vite+vue3使用glob获取到undefined
时间: 2023-12-10 09:05:15 浏览: 159
vite+vue3使用模块化批量发布Mockjs接口
在 Vite + Vue3 中使用 `glob` 获取文件时,如果返回 `undefined`,可能是因为你没有在 `vite.config.js` 中配置正确的 `root` 路径。
你需要在 `vite.config.js` 中添加以下代码:
```js
import { defineConfig } from 'vite'
import Vue from '@vitejs/plugin-vue'
export default defineConfig({
plugins: [
Vue({
include: [/\.vue$/, /\.md$/]
})
],
resolve: {
alias: {
'@': '/src'
}
},
build: {
// 配置打包路径
outDir: 'dist',
assetsDir: './',
assetsInlineLimit: 4096,
sourcemap: false,
terserOptions: {
compress: {
drop_console: true,
drop_debugger: true
}
}
},
server: {
// 配置服务启动端口号
port: 4000,
// 配置服务启动时是否自动打开浏览器
open: true,
// 允许跨域
cors: true,
// 配置代理
proxy: {
'/api': {
target: 'http://xxx.xxx.xxx.xxx:8000',
changeOrigin: true,
secure: false,
rewrite: (path) => path.replace('/api/', '/')
}
},
// 配置静态资源访问路径
hmr: {
overlay: true
}
},
// 配置根路径
root: './'
})
```
其中,`root` 配置项为相对于项目根目录的路径,该路径应该指向你的源代码所在目录。
如果你的源代码位于项目根目录的 `src` 目录下,则应该将 `root` 配置为 `'./src'`。如果你的源代码位于项目根目录下,则应该将 `root` 配置为 `'./'`。
阅读全文