vue项目打包部署到nginx上访问404
可以参考本项目的nginx配置：但如此配置后，你的服务器就不再返回 404 错误页面，因为对于所有路径都会返回 index.html 文件。为了避免这种情况，你应该在 Vue 应用里面覆盖所有的路由情况，然后在给出一个 404 页面。
Nginx配置错误。请检查Nginx配置文件中的proxy_pass配置项是否正确，确保代理到正确的服务器地址和端口。这个配置项的作用是将所有请求转发到index.html页面，以便Vue路由在前端进行处理。
解决方法如下：本地项目利用WebStrom做开发，vue框架。2，项目在开发模式下运行（npmrundev），各功能表现的按照预期，主流浏览器（chrome，firefox，QQ，360，搜狗）兼容性良好。
React.js、Vue.js、Zepto.js。第八阶段：HTML5原生移动应用开发 Cordova：WebApp/NativeApp/HybirdApp简介、Cordova简介、与PhoneGap之间的关系、开发环境搭建、Cordova实战(创建项目，配置，编译，调试，部署发布)。
vue项目部署必须用nginx。vue项目部署使用的是webpack提供的proxyTable做的代理从而解决了开发环境的跨域请求问题，需要使用Nginx做反向代理，因此vue项目部署必须用nginx。vue是一个构建数据驱动的web界面的渐进式框架。
vue开发模式能访问nginx吗
1、用了两天才搞明白一点，nginx可以取代iis， 当然这是我初次的判断。开始用nginx缘于用vue-element-admin搞的一个项目要发布到生产环境，官方介绍说生产环境下的跨域建议用nginx解决。然后从昨天开始尝试，开始用起来很懵。
2、vue项目部署必须用nginx。vue项目部署使用的是webpack提供的proxyTable做的代理从而解决了开发环境的跨域请求问题，需要使用Nginx做反向代理，因此vue项目部署必须用nginx。vue是一个构建数据驱动的web界面的渐进式框架。
3、vue如果是在本地启动并且访问本地的后台方法，就需要本地代理，vue提供了vue.confug.js文件给我们配置，vue项目启动的时候都会去找到process.env（启动环境），然后再代理到后台地址。
4、解决方法如下：本地项目利用WebStrom做开发，vue框架。2，项目在开发模式下运行（npmrundev），各功能表现的按照预期，主流浏览器（chrome，firefox，QQ，360，搜狗）兼容性良好。
5、通过以上处理后跨域问题解决，但是通过nginx请求后台服务时一直报404错误。 然而访问路径是正确的并没有问题，并且通过postman或者浏览器直接访问时能正常返回。一开始以为是跨域配置有问题，网上找了很多方法都解决不了。
6、一般项目前后端分离得话，都会用nginx作为反向代理转发的。
vue项目打包部署后请求地址及请求问题
1、前后端分离项目，前端是由vue搭建，打包后交给运维人员进行部署，所以IP地址不固定，需要运维人员自己配置，前端项目中不能写固定api地址。
2、不急，只要找到原因，问题是可以迎刃而解的。项目部署环境一般可以分为三种：生产环境，测试环境，开发环境。
3、网络问题。遇到electron打包vue项目网络请求失败的情况，是网络卡顿造成的，解决办法是断开网线，再重新连接一遍。
4、这样所有资源都会被链接为相对路径，这样打包后的文件可以被部署在任意路径。
5、vue打包后有一个接口，提示：We’re sorry but XXX doesn’t work properly without JavaScript enabled. Please enable it to continue.打包前一切ok，打包后唯独有一个接口出现了问题。
6、项目public文件夹内创建url地址文件，在同级index.html里引入。然后在request文件里直接获取baseURL即可，打包后可在dist里找到文件夹里改URL。
用webpack打包的vue项目后生成的dist文件有什么用,如何使用
webapp项目已经通过vue-cli搭建的脚手架写好了，然后通过webpack打包成一个部署文件list，如下：打开HBulider，打开目录，选择这个list，项目名称自己更改。
vue设置全局配置文件，打包后在dist包内可手动修改配置文件。
npm install//或cnpm install 将Vue build后生成的dist文件夹下的所有文件复制到express项目的publick文件夹下面，然后运行npm start来启动express项目。
首先，webpack配置如下 在开发过程中，我们是通过npm run dev在开发环境中运行代码如果要部署到生产环境中，可以运行npm run build进行上线打包 打包完成后，会发现项目中多了dist这个文件夹 执行结果和webpack的配置文件一致。
vue-cli3打包之后的文件为何不能本地打开
资源路径的引入是错误的。vuevue-cli4打包后启动不了原因是dist文件夹结构可以看到资源路径的引入是错误的，应该用’./‘而不是’/’，在vue.config.js中加入代码，再次运行打包npm run build就成功解决了。
毕竟不是自己手动搭的脚手架，很多配置都是吃现成的，所以踩坑常用的事。在config的index.js文件夹里。把host的值由localhost改为“0.0.0.0”，然后就可以用手机浏览器ip+端口号打开了。
a) 我们打包为dist以后第一个问题，我们打包为dist以后经常会遇见路径出错，也就是dom出现但是js与css不会出现，显示路径错误。
vuevue-cli4打包后启动不了
1、另外可能的原因就是：没有把node.js添加到系统环境变量，导致node.js不能全局使用，把node.js的启动路径添加到系统环境变量即可。
2、已经使用 npm install -g @vue/cli 安装了 Vue CLI。且 package.json 文件里面也包含了 @vue/cli-service： ~0 。但是有可能装的有问题，所以重新安装。
3、在安装 @vue/cli 脚手架的时候，通过npm安装总是无法成功，改用淘宝镜像安装也是一样的。
4、首先，目录调整。根目录创建两个文件夹packages和examples，更改配置项。更改目录结构后，vue项目是无法启动的，此时需更改配置项。其次vue.js插件。在packages文件夹下新建index.js文件，该文件作为整个包的入口文件。