node vue 项目开发实践

1、安装node

官网下载，安装

2、搭建vue的开发环境，安装vue的脚手架工具
在windows终端里：npm install vue-cli -g

vue init webpack demo

接下来 进入到你的项目 cd demo
然后运行 npm run dev

3、打包

修改配置：

修改build/build.js

修改config/index.js

运行 npm run build

4、使用nginx部署

然后拷贝 dist下面的所有文件到linux服务器/home/project/test下。

安装nginx，配置nginx

yum install nginx

systemctl enable nginx

cp /etc/nginx/nginx.conf /etc/nginx/conf.d/test.conf

echo > /etc/nginx/conf.d/test.conf

在/etc/nginx/conf.d/test.conf里面配置

server {
  listen  8080;
  client_max_body_size  2048m;
  location / {
    root   /home/project/test;
    index  index.html;
    try_files $uri $uri/ /index.html; 
  }
}

然后访问http://127.0.0.1:8080/ 就可以了