1、是 node vue项目部署的全局变量 process 的一个属性vue项目部署，它的作用是区分当前环境是生产环境还是开发环境，可以参考学习 理解webpack中的 其实一般的vue单页面应用项目中，遇到路径无法匹配，或。

2、首先需要先在打包之前在 Vue 的配置文件里去修改公共路径的配置 同时在项目的 router 目录下 indexjs 为 Vue 项目指定路由基本路径为 8打包前端项目，打包成 dist 目录 将打包好的前端项目放到 Nginx 的 html 目录下。

3、一将vue项目进行打包编译后，根目录生成dist的文件 当出现如上图显示时，说明打包编译完成，已经生成dist文件 二打开iis服务器 打开iis服务器后选中网站后右击选添加网站，就可对网站进行配置，物理路径选择编译后。

4、本文主要记录使用nginx去部署使用vue搭建的前端项目，项目基于vue官方的脚手架vuecli构建开发环境搭建完成二编译部署1项目路径下demo输入命令npm run build编译完成后会发现在demo文件夹下多出一个dist文件夹这里面就是。

5、conf 详细可参考这种方式只需要开放80端口，然后访问二级域名这种方式的好处是只有一个server ，而且不需要二级域名用路径location就能实现但是这种方式的一个缺点，就是vue项目前端需要改配置修改地方如下react 配置。

6、1使用xshell登录到阿里云服务器安装nginx本文安装到etc下plain view plain copy cd etc aptget update aptget install nginx 2首先先配置nginx，然后再根据配置文件做下一步操作 打开etcnginxnginx。

7、这样做的目的跟docker的理念是一致的，功能解耦，方便维护，而且对于一些大公司来说，可能还需要将编译后的代码进行扫描等操作，如果在docker镜像内编译的话如果出现错误是不好定位问题的那么如何实现docker部署vue项目呢，操作。

8、为vue项目部署了更快安装，可以使用淘宝的镜像 在终端输入以下命令检测cnpm是否安装成功 vuecli是vue脚手架工具，方便打包，部署，测试等进入你的项目目录，创建一个基于 webpack 模板的新项目 vue。

9、在Vue项目中，路由和页面的切换是通过前端自己跳转实现的，而在Spring Boot 中，它作为服务器，只能根据 URL 请求返回相应的静态资源因此，需要对 Vue 项目进行编译，将编译后的静态资源放在 Spring Boot 的静态资源目录下。

10、2执行 npm run build ，会出现一个 dist 文件夹在vuejs项目目录里3把这个 dist 文件夹copy到 springboot 的 resourcesstatic ，记住，是整个 dist 连文件夹一起copy过来OK，搞掂就是这么简单访问 localhost。

11、1vuerouter 路由的文件的配置，根据自己部署的二级目录填写 2在配置文件如果没有新建一个，项目根目录下3在入口文件中indexhtml 的head 标签内加入 4最后就是服务端部署配置，以nginx 为例 配置。

12、之前搞过的问题，最近忘vue项目部署了，故而，写篇文章，记录一下vue开发中，当部署到服务器上的时候，刷新总丢页面在vue文档里，虽然对history模式有过说明，但是怎么用是一个问题我的服务是Apache的，所以只粘贴vue项目部署了这一个。

13、查询了好多资料，都没有找到可以直接应用的，综合了好多，配置runner之后，前端项目里面需要在项目根目录配置三个文件1gitlabciyml 文件 stages build deploy 设置缓存 cachepaths node_modules dist。

14、打开工程目录下的ehomevue3和vue2项目两个是联系在一起的，打包部署到vue2项目运行只需要打开工程目录下的ehome即可Vue是一套用于构建用户界面的渐进式JavaScript框架。

15、对就是前面加个点儿然后重新打包就可以直接打开了=== 为什么这样做呢，因为vue的打包默认形成的是一个部署在服务器环境上的文件，如果是部署在静态站点上express或者阿帕奇，就需要做路径转变其实算是个小tip。

16、在dist目录下的static静态资源，通过路由访问时，会多出一个路由在静态资源前面，如ip8080Teststaticonejs Test路由的存在导致 onejs报404问题项目在构建dist时，路由配置的问题，找到Vue项目下 srcrouter。