vue项⽬打包的dist⽂件如何运⾏
⼀般在vue项⽬开发的的过程中，有些⼈会很疑惑为啥预览打包后的dist⽂件夹中的  index.html  会报错显，页⾯显⽰不出来呢？
本⽚⽂章将会介绍两种快速的解决⽅案 （希望对⼤家能有所帮助 ）；
第⼀种⽅案：在本地搭建express服务器，在服务器中运⾏
⑴ ⾸先可以创建⼀个⽂件夹 (例如：打包项⽬运⾏⽂件夹）
⑵ 安装 expr ess 和 express-genera to r⽣成器
npm install express -g
powershell创建目录npm install express-generator -g
⑶ 创建⼀个expr ess项⽬
express expressDemo （expressDemo是项⽬名）
注意：可能会出现如图所⽰的报错
（1）管理员⾝份打开powerShell ，并切换⽂件夹
（2）输⼊set-ExecutionPolicy RemoteSigned 然后输⼊y或a
⑷ 切换⽬录到expr essDemo，并下载依赖
cd expressDemo
npm install
⑸ 把dist⽬录下的所有⽂件复制到express项⽬的public⽂件夹下
⑹ 运⾏expr essDemo项⽬
essDem o
npm start
⑺ 浏览器中输⼊，便可以实现预览了
） 在vue项⽬的根⽬录第⼆种⽅案：
webpack 4+  ）
在vue项⽬的根⽬录（此配置vuecli3.0+, webpack 4+
第⼆种⽅案： （此配置vuecli3.0+,
下建⽴⼀个fig.js⽂件，其中进⾏以下配置，然后npm run build之后， 打开dist⽂件夹下的index.html即可预览
此时需要注意⼀下，router的模式不能是 history 模式
本⽂总结，更推荐⼤家使⽤第⼆种⽅法，更简单省事⼉，如果想要了解其原理可以去vuejs官⽹和webpack官⽹，还有很多知识等我们去学加油 ！

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。