vue项目打包后怎么在本地运行

这篇文章主要介绍“vue项目打包后怎么在本地运行”,在日常操作中,相信很多人在vue项目打包后怎么在本地运行问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”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

vue项目打包后怎么在本地运行  vue 第1张

看到网上很多都说使用express-generator,但是个人感觉还是有点麻烦,下面方法用两句命令就搞定啦

一、在bash命令行输入npm install -g serve

二、接着输入serve -s dist

然后如下图,就可以启动了

vue项目打包后怎么在本地运行  vue 第2张

项目打包后无法运行的问题

在本地运行项目时,明明是好的

npm run build 之后项目无法运行报错了 - -

vue项目打包后怎么在本地运行  vue 第3张

需要修改打包配置,如下

vue项目打包后怎么在本地运行  vue 第4张

到此,关于“vue项目打包后怎么在本地运行”的学习就结束了,希望能够解决大家的疑惑。理论与实践的搭配能更好的帮助大家学习,快去试试吧!若想继续学习更多相关知识,请继续关注蜗牛博客网站,小编会继续努力为大家带来更多实用的文章!

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:niceseo99@gmail.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

评论

有免费节点资源,我们会通知你!加入纸飞机订阅群

×
天气预报查看日历分享网页手机扫码留言评论Telegram