vite启动vue3项目地址不是localhost

833 阅读1分钟

问题

在创建vue3+ts项目后,启动后的地址不是lcoalhost image.png

解决方法

在vite.config.ts中添加

export default definConfig({
    plugins:[vue()],
    resolve:{
        alias:{
            "@":resolve(__dirname, 'src')
        }
    },
    base:"./",
    server:{
        host:'0.0.0.0',
        port:4000,
        open:true,
        cors:true
    }
})

当没有host:'0.0.0.0'时,出现的是:

image.png

当有host:'0.0.0.0'时,出现的是:

image.png