在nginx 服务器部署vue项目

以人人快速开发的开源项目：renren-fast-vue 为例

注：这里开始认为各位都会使用nginx

打包vue项目

npm run build

测试打包的项目是否可以运行

serve dist

可以正常运行

编译报错请移步到：renren-fast-vue@1.2.2 项目编译报错: build gulp

部署vue项目到nginx

接下来将renren-fast-vue 项目生成的dist 目录修改为：renren-fast-vue 并压缩为：renren-fast-vue.zip

复制renren-fast-vue.zip 到服务器

解压到：/usr/local/nginx/

vue项目的nginx配置文件不直接在nginx.conf中进行配置，将配置保存在/usr/local/nginx/conf/vhost/renren-fast-vue.conf

配置内容为：vi /usr/local/nginx/conf/vhost/renren-fast-vue.conf

server {
   
   
        listen   7000;
        server_name  www