黎小小的博客

【代码】vite动态引入组件。

如果你发现生产环境下无法请求mock接口，原因很有可能是因为你是在onMounted或者onBeforeMount这两个生命周期中请求的。你的请求会直接发出去，无法通过mock返回数据。解决方案：①直接在main.js中注入插件配置。创建一个js文件mockProdServer.js，位置和main.js同层，在src/mockProdServer.js。注意如果vite.config.ts中配置了代理proxy就会走代理请求，如果使用mockjs需要注释掉代理相关代码。

问题来了：设置为port80，host:0,0,0,0或者host: '127.0.0.1',时，请求后端报404。不设置时就能正常访问。都可以访问，但是如果设置了只有设置的 http://127.0.0.1:80/或者http://localhost:80/可以访问。根据以下配置，发现怎么都链接不了后端地址，proxy对了呀。仔细看，才发现host有问题。将监听所有地址，包括局域网和公网地址。指定服务器应该监听哪个 IP 地址。这里是本地前端访问地址配置，不设置默认。