详解webpack打包vue项目之后生成的dist文件该怎么启动运行
cd expressNamenpm install // 或cnpm install（4）、此时生成的项目目录应该是这样的：（5）、将dist文件夹下的所有文件复制到express项目的publick文件夹下面，然后运行npm start来启动express项目。
解决方法：打开脚手架的config文件中的index.js文件，查看build对象内的assetsPublicPath(发布路径)是否为./。
npm install//或cnpm install 将Vue build后生成的dist文件夹下的所有文件复制到express项目的publick文件夹下面，然后运行npm start来启动express项目。
Vue项目webpack打包部署时Tomcat刷新报404错误问题如何处理
重新部署即可。这是一个最常见的问题，也是最难排查的问题，但年困惑了我久...跳转地址有误，很基础的错误，试着在浏览器地址栏中看看跳转地址有没有出现重复地址，多余的/，以及是否正确使用.和..。
异常大多情况是路径错误、web.xml文件映射路径写错、服务器设置、servlet的jar包未导进去或者没有随项目发布等等。如果是路径错误，仔细检查即可解决问题。
输入ping github.com。如果连接不上。可以尝试一下淘宝镜像。执行 npm config set registry 这个指定npm 安装依赖包时 使用国内镜像进行安装。
正确的端口号 出现404错误证明，TOMCAT是启动成功了的。
在搞清root，alias，try_files的基本用法后，我开始尝试vue项目的部署。
如何打包Vue项目
项目目录结构这是打包后的，所以有 dist 文件夹，打包方式：npm run build。webpack.config.js这里只是一小部分，因为这边最关键的就是 publicPath，下面会提，这边可以解决静态资源 404 无法引入的问题。
第一步我们很简单，就利用vue-loader 和 babel-loader 是把.vue文件打包出来，总共才40多行代码，看build/webpack.base.conf.js文件注释就看的懂。
Step在config下创建test.js文件Step在封装的axios.js的文件夹下创建config.jsStep在封装的axios引入config.js封装的get 和post请求Step在config文件下的index增加test模块（可复制build）并更改相应的参数。
打开工程目录下的ehome。vue3和vue2项目两个是联系在一起的，打包部署到vue2项目运行只需要打开工程目录下的ehome即可。Vue是一套用于构建用户界面的渐进式JavaScript框架。
大家好，这节我们主要讲解项目的发布，其实很简单，没有大家想的那么复杂，具体如下操作。
如何操作vue项目打包给服务器
1、对就是/前面加个点儿。然后重新打包。就可以直接打开了。=== 为什么这样做呢，因为vue的打包默认形成的是一个部署在服务器环境上的文件，如果是部署在静态站点上（express或者阿帕奇），就需要做路径转变。
2、答案不是。因为build是webpack将vue项目打包压缩，然后发布到服务器上的一个功能模块，方便外部人员的浏览与测试，这个时候，每发布一次就需要build一次代码。
以上内容为新媒号(sinv.com.cn)为大家提供！新媒号，坚持更新大家所需的前端知识。希望您喜欢！
版权申明：新媒号所有作品（图文、音视频）均由用户自行上传分享，仅供网友学习交流，不声明或保证其内容的正确性，如发现本站有涉嫌抄袭侵权/违法违规的内容。请发送邮件至 k2#88.com(替换@) 举报，一经查实，本站将立刻删除。
