vue项目打包之后在本地运行的实现方法
更新时间：2022年07月20日 15:25:24 作者：胡肖一
这篇文章主要介绍了vue项目打包之后在本地运行的实现方法，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教
vue项目打包后在本地运行
vue打包之后如果直接启动index.html文件的话就会出现报错
Refused to apply style from 'http://127.0.0.1:5500/css/main.6df880bd.css' because its MIME type ('text/html') is not a supported stylesheet MIME type, and strict MIME checking is enabled
看到网上很多都说使用express-generator，但是个人感觉还是有点麻烦，下面方法用两句命令就搞定啦
一、在bash命令行输入npm install -g serve
二、接着输入serve -s dist
然后如下图，就可以启动了
项目打包后无法运行的问题
在本地运行项目时，明明是好的
npm run build 之后项目无法运行报错了 - -
需要修改打包配置，如下
以上为个人经验，希望能给大家一个参考，也希望大家多多支持脚本之家。
相关文章
这篇文章主要介绍了在Vue中用canvas实现二维码和图片合成海报的方法，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2019-06-06
下面小编就为大家分享一篇vue 子组件向父组件传值方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2018-02-02
在 Vue 中，如果直接对数组进行操作，比如使用下标直接修改元素，数组长度不变时， Vue 是无法监测到这种变化的，导致无法触发视图更新。针对该问题本文为大家整理了一些方法，需要的可以参考一下2023-01-01
这篇文章主要介绍了Vue中使用sass实现换肤功能，实现此功能用到了三个主要文件（base.scss、mixin.scss、varibale.scss）,需要的朋友可以参考下2018-09-09
vue中el-table多级嵌套列表(菜单使用el-switch代替)
本文主要介绍了el-table多级嵌套列表(菜单使用el-switch代替)，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2023-06-06
本篇文章主要介绍了Vue-cli代理解决跨域问题，详细的介绍了Vue如何设置代理，具有一定参考价值，有兴趣的可以了解一下2017-09-09
这篇文章主要为大家详细介绍了vue实现图片上传到后台，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2020-06-06
这篇文章主要介绍了vue router仿天猫底部导航栏功能,需要的朋友可以参考下2017-10-10
本篇文章主要介绍了详解webpack编译多页面vue项目的配置问题，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-12-12
这篇文章主要给大家介绍了关于Element UI表单验证规则动态失效问题的解决办法,Element UI提供了强大的表单验证功能,可以轻松地对表单进行验证,需要的朋友可以参考下2023-09-09
最新评论