Vue项目的联调测试上线

真机测试

在 package.json 中 script 的 dev 代码中添加 --host 0.0.0.0 即可用内网地址访问项目
注意:vue-cli 4.0 不需要直接可以访问


image.png

打包上线

在项目目录执行 npm run build 生成 dist 目录即上线文件
上线前可修改 config/index.js 文件修改文件所属目录


image.png

异步组件实现按需加载

修改组件引入位置,改在路由中引入即可实现异步组件,
注意:只有当js文件特别大时才考虑异步组件


image.png

组件中的组件也可以使用异步组件来实现


image.png
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容