宝塔面板部署vue项目后控制台报错
继上次将vue项目脚手架工具从vue-clix升级到vue-clix后，除了环境、配置问题外，在运行时出现了一些个新的问题。
遇到的问题使用webpack打包vue后，将打包好的文件，发布到Tomcat上，访问成功，但是刷新后页面报404错。
然后在给出一个 404 页面。 参考官网例子：另一方面，有可能是Vue-Router没有配置好，需要注意初始化Router时候的base参数：如此项目部署就完成了。
如何部署vue.js项目nginx
1、首先我们看一下nginx.conf配置文件 为了方便管理，在/usr/local/nginx/conf.d/ 创建自己的*.conf配置文件。没有conf.d目录，直接mkdir 创建conf.d .conf 详细可参考：这种方式只需要开放80端口，然后访问二级域名。
2、这篇文章主要介绍了nginx+vue.js实现前后端分离的示例代码，现在分享给大家，也给大家做个参考。
3、当使用基于 HTML5 history.pushState 的路由时，“相对 publicPath” 会受到限制，即是说在使用history模式时，publicPath需要设置为绝对路径。
4、vue如果是在本地启动并且访问本地的后台方法，就需要本地代理，vue提供了vue.confug.js文件给我们配置，vue项目启动的时候都会去找到process.env（启动环境），然后再代理到后台地址。
5、在尝试稍微复杂的功能或者遇到问题时，容易找到相关满意的解决方式，总体来说还是比较适合入门的。后续看时间能多熟悉些实际项目，真正用于搭配后端做个可用的项目。
6、Springboot项目部署：docker构建mysql环境+docker构建项目自身环境。Vue项目：使用docker启动nginx服务器方式代理部署。项目使用mysql0作为数据源，所以部署时需要使用docker构建mysql环境及项目自身环境。
拉取Vue项目运行问题
从云上拉取的vue项目一般会缺少node_modules，需要先安装node_modules，再运行。
拉取Vue项目运行问题这个错误提示表明在运行Vue项目的时候，系统找不到neo-async这个模块，可能是由于项目配置或者第三方库缺失导致的。
下载完别人的VUE项目后，我们执行下载所有依赖npm install后启动npm run dev运行的最后一步经常会报错，不是缺少依赖模板，就是node_modules版本与本机安装的node和npm版本不一致。
可以看下我的github：https：//github.com/padipata ，里面有我学习、工作写的一些vue项目。
升级node版本 如果不行，可能是dev-server.js文件有问题，去重新下载一个试试。
网上很多说自己的VUE项目通过Webpack打包生成的list文件，放到HBulider打包后，通过手机打开一片空白。这个主要原因是路径的问题。记得改一下config下面的index.js中bulid模块导出的路径。
运行vue项目
vue怎么运行首先我们要在node.js官网下载安装一个node软件。安装完成后，我们打开“cmd”，在其中输入“node-v”回车来运行它。如图所示弹出一个版本号，就说明运行成功了。
运行vue项目npminstall//或cnpminstall将Vuebuild后生成的dist文件夹下的所有文件复制到express项目的publick文件夹下面，然后运行npmstart来启动express项目。
可以看下我的github：https：//github.com/padipata ，里面有我学习、工作写的一些vue项目。
这个错误提示表明在运行Vue项目的时候，系统找不到neo-async这个模块，可能是由于项目配置或者第三方库缺失导致的。
谷歌浏览器vue调试
1、具体步骤如下：首先打开谷歌浏览器，在右上角找到“三个点”主菜单按钮并点击，在出现的列表中点击“更多工具”选项，在出现的第二个小列表中选择“扩展程序”并点击进入。
2、Vue是一款流行的前端框架，用于构建单页应用。Vue项目兼容Chrome70的原因是因为Vue框架本身并不依赖于浏览器的版本，它更多依赖于浏览器的核心功能，如DOM操作、事件处理、AJAX等。
3、首先打开谷歌浏览器，找到我的。其次点击个人中心。最后点击个人数据查看即可。Vue组件之间数据传递的几种方式，父组件向子组件传递数据，使用props属性；子组件向父组件中传递数据，在子组件中使用$emit派发事件。
4、打开Google浏览器，点击右上角的三点。