最终目录结构如下: 接下来新建:vite.config.js文件 import { defineConfig }from"vite"; exportdefaultdefineConfig({ server: { open:false,//项目启东时是否打开页面host:"127.0.0.1", port:3456, proxy: {"^/api/": { target:"https://www.bilibili.com/",//后台服务器地址changeOrigin:true/*允许跨域*...
打开vite.config.ts 文件: 添加server就可以了 server: { host: '0.0.0.0', port: 8080, open: true, proxy: { '/api': { target:"http://localhost:3000", changeOrigin:true, pathRewrite: { '^/api':'/api' } } }, } 配置别名: 在vite.config.ts文件中引入: const path =require('path');...
'.',dir)};exportdefaultdefineConfig({plugins:[vue()],resolve:{alias:{'@':pathResolve('src')}},server:{host:'0.0.0.0',//ip地址port:8080,//端口号open:true//启动后是否自动打开浏览器}})
exportdefault{server:{host:true,port:'7005',strictPort:true,open:true,proxy:{// 字符串简写写法'/foo':'http://localhost:4567',// 选项写法'/api':{target:'http://jsonplaceholder.typicode.com',changeOrigin:true,rewrite:(path)=>path.replace(/^\/api/,'')},// 正则表达式写法'^/fallback/....
对于很多刚刚工作的同学来说,平时在练习中,vite项目初始化的全局配置其实也就那几个,无非就是对于vite.config.ts,tsconfig.json,package.json文件的配置,不过确确实实,就算是正式项目,初始化的全局配置,也就主要是这几个地方。但是对于正式公司项目,特别是typescript规范要求比较严格的项目,或者自己在git上clone的一些...
options={--:[],c:'vite.config.ts',config:'vite.config.ts',host:'0.0.0.0',port:3333,} 传给server 的字段用 cleanOptions 处理之后返回{ host: '0.0.0.0', port: 3333 }: 代码语言:javascript 复制 // devcli.command('[root]','start dev server')// default command.alias('serve')// the...
>build>vite build --debug vite:config bundled config file loadedin147ms +0ms vite:config using resolved config: { vite:config base:'/', vite:config server: { vite:config port: 8000, vite:config https: false, vite:config open: false, vite:config proxy: {}, vite:config fsServe: { vi...
___node_modules |___App.vue // 应用入口 |___index.html // 页面入口 |___vite.config.js ...
vite:config TS + native esm config loadedin295.70ms URL { href:'file:///Users/.../vite/blog-template/vite.config.ts', origin:'null', protocol:'file:', username:'', password:'', host:'', hostname:'', port:'', pathname:'/Users/.../vite/blog-template/vite.config.ts', search:...
let port=8080return{ name:'auto-switch-port',async configResolved(config:any){ port=await getNextPort(port)asnumber config.server.port=port },} } exportdefaultautoSwitchPortPlugin 1. 2. 3. 4. 5. 6. 7. 8. 9. 10. 11. 12.