部署vue项目、安装mongodb

一、node运行环境

1、npm install -g n  

通过npm 全局安装node

2、 sudo n 8160 

设置node版本

Password:

install : node-v8160

mkdir : /usr/local/n/versions/node/8160

fetch : >最好是安装一个。
1如果你仅仅是打包好的vue相机，那么要看服务端使用的是什么语言，如果是node的话，肯定要安装node环境的，但是如果不是node，那么就没有必要了。
2如果你想在服务端跑vue的项目，也就是在远程端做开发工作，那么肯定是要安装node的，毕竟vue开发环境需要node。
基本上服务端也就这两种需求，node包其实很小，安装一个也不费事，还可以方便开发，我觉得在远程端按一个最好。

熟悉vue项目的开发朋友应该了解，对于vue项目来说，上线其实就是执行npm run build 命令，然后将build出的dist文件夹上传到服务器上就可以了，对于现在的前后端分离项目来说，就是把dist放到nginx的html文件夹即可。
上传的过程既可以手动实现，也可以通过jenkins这类在线编译软件，总之，殊途同归。
除了上面两种还有一种现在比较火的部署方式，就是docker部署，当然正如上面说的，docker也是要实现上面的 *** 作，只不过有些差异而已。
针对docker部署需要了解的是，一般我们只需要拉取nginx镜像，把dist文件夹写入镜像即可，不需要去镜像里面执行拉取代码、执行编译、打包等 *** 作。这些 *** 作一般在写入镜像执行。
这样做的目的跟docker的理念是一致的，功能解耦，方便维护，而且对于一些大公司来说，可能还需要将编译后的代码进行扫描等 *** 作，如果在docker镜像内编译的话如果出现错误是不好定位问题的。
那么如何实现docker部署vue项目呢， *** 作如下参考：
文件目录如下：
在vueProject 根目录下新建Dockerfile文件，注意没有后缀，nginx镜像默认服务器的目录在/usr/share/nginx/html，内容如下：
build项目：
Build完成后会生成dist目录
然后在vueProject根目录下打开命令行执行如下命令生成镜像：
注意最后是一个点，代表在当前目录执行Dockerfile
如果没报错说明执行成功，此时可以在docker镜像列表看到该镜像。
启动镜像：
—name vp 代表自定义启动的镜像名称
-dp 是-d,-p的简写
8088:80 代表在宿主机的8088端口映射镜像的80端口，因为nginx默认的服务器端口就是80
最后就是之前生成的镜像名称。
大功告成。

更多详情：javascript技术分享

1前端本地开发环境需要配置代理：
在项目路径下创建 vueconfigjs ，内容如下：
const path = require('path');

moduleexports = {
// publicPath:'>一、将vue项目进行打包编译后，根目录生成dist的文件

当出现如上图显示时，说明打包编译完成，已经生成dist文件

二、打开iis服务器
打开iis服务器后选中网站后右击选添加网站，就可对网站进行配置，物理路径选择编译后的dist文件夹后选确定就行。

三、右击选择启动后出现如下报错信息：
除非Windows Activation Service (WAS)和万维网发布服务(W3SVC)均处于运行状态，否则无法启动网站

解决：
打开命令提示符中输入servicesmsc ,打开服务。
找到windows install及word wide web发布服务选项，分别右击启动，并右键属性改为启动类型就可以。

这是重新启动下，就可以访问。

---