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/ 就可以了