webpack打包vue项目之后生成的dist文件该怎样启动运行跑起来

webpack打包生成了dist文件，直接运行dist文件中的index.html会报这个错。

我们需要部署在express-generator服务器上来运行。

安装express-generator

 cnpm install express-generator -g

搭建express-generator项目

 express expressDemo （expressDemo 是你要搭建项目的名字）

接下来就是在expressDemo项目中安装依赖
在expressDemo中打开CMD 执行以下代码：

npm install

安装完依赖之后，将webpack打包生成的dist文件夹中的所有文件，放到expressDemo中。

最后运行

npm start

这样就可以将webpack打包完后的项目跑起来了。
一般是会自动打开你的项目、如果没有自动打开那么就在浏览器中输入：

http://localhost:3000

webpack打包vue项目之后生成的dist文件该怎样启动运行跑起来相关推荐

webpack打包vue项目之后dist文件夹在本地跑起来
webpack打包vue项目之后dist文件夹在本地跑起来转载为:https://blog.csdn.net/u014054437/article/details/79981307 谢谢博主亲测, ...
使用webpack打包vue项目
使用webpack打包vue项目安装webpack工具,安装方式有两种:全局安装(命令:npm install -g webpack webpack-cli)以及安装在项目中,这里使用第二种: // ...
WebPack实战 WebPack打包Vue项目
文章目录前言一.使用webpack来进行vue-cli模块化开发二.Webpack配置区分开发环境和生产环境三.vue项目打包 3.1.config-index.js文件 3.2.build- ...
php项目webpack打包,Vue项目webpack打包部署时Tomcat刷新报404错误问题如何处理
这次给大家带来Vue项目webpack打包部署时Tomcat刷新报404错误问题如何处理,Vue项目webpack打包部署时Tomcat刷新报404错误问题处理的注意事项有哪些,下面就是实战案例,一起 ...
【vue项目问题解决】如何做到webpack打包vue项目后，可以修改配置文件IP和端口
记录在项目开发过程中遇到的小问题,积累开发经验,欢迎大家一起留言探讨问题我们在vue项目中打包的时候,webpack会将我们的组件,html,js,css,jpg等其他文件进行打包,其中请求的ip ...
webpack打包VUE项目读取外部配置文件，灵活配置域名
参考方案一作为一个兼职前端和运维的java程序员,今天我司测试人员提出了一个需求,当后台服务地址ip地址改变后,webpack打包的VUE项目得更改地址重新打包,太麻烦了,最好可以读取外部配置文件的 ...
16.如何做到webpack打包vue项目后，可以修改配置文件
问题描述: 前端需要修改restful API的url,但是打包之后,配置文件找不到了,如果在npm run build 生成dist后,这个配置也被写死了,传到运行的前端服务器上后,假设某次,api ...
vue 项目在 build 后 dist 文件下的 fonts 字体路径不对
今天在build 完一个项目生成apk 以后发现引入的fonts 全部都失效了,但是把生成的 build 文件放在生成的 css 文件夹下的话,又好了,很明显是路径的问题. 在这涉及到 bui ...
【vue】webpack打包vue项目并且运行在Tomcat里面
在package.json里面是script加入脚本 "publish": " webpack --config webpack.publish.config.js -p ...

webpack打包vue项目之后生成的dist文件该怎样启动运行跑起来

webpack打包vue项目之后生成的dist文件该怎样启动运行跑起来相关推荐

最新文章

热门文章