Astro 框架官网
因为 Astro 也使用 Vite技术
所以跟vue解决方法 差不多
解决办法:
1、将package.json中的启动项中的dev和serve增加–host参数。
原代码:
“scripts”: {
“dev”: “astro dev”,
修改后代码:
"scripts": {
"dev": "astro dev --host",
2、在 astro.config.mjs 文件中增加server选项配置,server中配置host内容
原代码:
export default defineConfig({
base: './',
plugins: [
vue(),
VueSetupExtend(),
],
});
修改后
export default defineConfig({
base: './',
plugins: [
vue(),
VueSetupExtend(),
],
server:{ //此处为新增代码
host:'0.0.0.0', //此处为新增代码
} //此处为新增代码
});
参考资料:
Vue3通过npm或者yarn启动后,显示“Network: use --host to expose”,无法访问