vite项目配置项目可通过局域网访问和打包的静态资源引用路径

882 阅读1分钟

vite.config.js配置如下

import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'

// https://vitejs.dev/config/
export default defineConfig({
  server:{
    port:8080,
    host: '0.0.0.0', // 配置项目可以局域网访问
    cors: true, // 默认启用并允许任何源
  },
  base: './', // 打包的静态资源引用路径
  plugins: [vue()], // 放插件用的
})

配置完上面的host:'0,0,0,0'即可通过局域网让别人访问你的项目了 连接同一个网络的均可通过网络IP4地址(192.168.1.119)访问项目了

http://192.168.1.119:8088/#/BreakKcal/everyClass/358489/6332196