这篇具有很好参考价值的文章主要介绍了vue打包后dist文件在本地启动运行。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。
vue项目开发好后，想在本地运行测试最后的打包文件可以通过http-server来启动。步骤如下：文章来源：https://www.toymoban.com/news/detail-525131.html
//1、打包项目文件
npm run build
//2、进入dist打包文件
cd dist
//3、全局安装http-server
npm install http-server -g
//4、启动dist文件(-p:端口。9008具体端口号)
http-server -p 9008
最后在浏览器输入：127.0.0.1:9007就可以查看了文章来源地址https://www.toymoban.com/news/detail-525131.html
到了这里，关于vue打包后dist文件在本地启动运行的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！
本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处： 如若内容造成侵权/违法违规/事实不符，请点击违法举报进行投诉反馈，一经查实，立即删除！
目录 一、相关配置 情况一（使用的工具是 vue-cil） 情况二（使用的工具是 webpack） 二、打包 情况一（使用的工具是 vue-cil） 如果是用 vue-cli 创建的项目，则项目目录中没有 config 文件夹，所以我们需要自建一个配置文件；在根目录 src 下创建文件 vue.config.js，
1.在index.html中引入js文件 2.在vue中使用需要修改webVideoCtrl.js文件中引入jsVideoPlugin-1.0.0.min.js的方式如下 在使用到页面中 html js 小小功能整了一天：记住以下要点 1.在网上找了几篇文章cv的时候在index.html以内的文件名错了。。。。离离原上谱，，， 2.最开始后端大哥教我 无需安
先在项目根目录下（非dist根目录）安装electron electron-packager 再在项目根目录下（非dist根目录）安装electron-packager 然后在dist文件夹下创建main.js文件,内容为 再创建一个文件package.json 在非dist文件夹（注意，是非dist文件夹，就是原本没打包的项目文件里）的package.json文件里，改
配置 vue.config.js 文件 打开 vue.config.js 文件修改参数，如果项目的目录中没有 vue.config.js 文件，那么需要自建一个配置文件；在根目录 src 下创建文件即可。需注意文件名称必须是 vue.config.js ，然后在文件中写入代码。 ☺☺☺☺☺☺☺ 配置 router/index.js 文件 以上的配置不能混
1、在项目根目录创建uploadToCOS.js文件 （建议起简单的名字 方便以后上传输入命令方便） 2、uploadToCOS.js文件代码编写 填入你自己的 SecretId、SecretKey、Bucket、Region 3、在控制台输入 直到所有文件传输完成 记得在此之前开放存储桶跨域访问权限 这个可以看我另一篇文章
一、http-server 简介: http-server 是一个简单的零配置的命令行 http服务器，它足够强大便于生产和使用，用于本地测试和开发。 有时候我们打开一个文档使用file协议打开的时候，不能发送ajax请求，只能使用http协议才能请求资源，具体的区别大家可以去参考[这篇文档] (www.cnblo
主要原因是由于用到的组件进行npm i时默认使用的是vue2，不支持vue3，但是前端框架使用的是vue3，所以导致重构编码时会报错， 网上查询说 当我们在使用rollup编译es6时，可能会遇到以下报错问题，需要 安装@rollup/plugin-commonjs插件 npm install @rollup/plugin-commonjs 最后，
我的处理方式: 一开始查了好多方法，删除node_modules，重新安装，切换node版本等，但是发现并没有用 之后来发现是安装依赖包的时候有些包安装失败导致的，只要有针对性的重新安装依赖就可以了 例如： in ./node_modules/@intlify/ core-base /dist/core-base.cjs 如果在项目启动的时候遇到
webpack可以通过使用expose-loader来将模块中的一个js文件暴露为全局可以访问的变量。下面是一个示例代码： 1、安装expose-loader npm install expose-loader --save-dev 2、webpack.config.js配置文件 值得注意的是：我在本地使用16.14.2版本的node打包时会报一些警告，升级node18.12.1未报警告，警告
dist 目录是一个包含了打包后的项目代码和相关依赖项的目录，用于在部署时将项目移植到其他环境中。它提供了一个整理而简化的文件结构，使得部署过程更加方便和可靠。 直接打开报错会空白可以使用 nginx 来启动。Nginx 官方网站：nginx news 下载很快很方
