vite+vue ipv6访问web

vite+vue ipv6访问web

1 设备开启ipv6(wind上测试)

以太网设置:

cmd->ipconfig查看ipv6地址

2 vite 配置

vite.config.js:
host : [‘0.0.0.0’]
或者将ipv6的地址写里面
host : [‘[xxxx::xxx…]’]
注意:ipv6地址要用 [ ]括起来

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

import fs from 'fs'
import path from 'path'

// https://vitejs.dev/config/
export default defineConfig({
  plugins: [vue(),WindiCSS()],
  server: {
    host:['0.0.0.0'],
     https:{
            cert: fs.readFileSync(path.join(__dirname, 'cert.crt')),
            key: fs.readFileSync(path.join(__dirname, 'cert.key')),
     },
}})

如果没有https证书的可以将上面https相关的先注释掉
链接:vite-vue支持https

3 验证

访问的时候,用[ipv6地址]代替0.0.0.0

转载请说明出处内容投诉
CSS教程_站长资源网 » vite+vue ipv6访问web

发表评论

欢迎 访客 发表评论

一个令你着迷的主题!

查看演示 官网购买