高仿饿了么vuejs【node+webpack】（centos +nginx下部署）

其实跟window差不多，上传dist下的文件，我是直接把项目传上去的，然后在项目里进行如下命令的

安装node：rpm -ivh http://download.fedoraproject.org/pub/epel/6/x86_64/epel-release-6-8.noarch.rpm

参考链接：https://blog.csdn.net/tanga842428/article/details/73277739

1、安装官方命令行工具（参考链接：https://blog.csdn.net/HaiJing1995/article/details/66968143）

$npm install --global vue-cli

2、创建一个基于webpack的新项目

$vue init webpack your-project            

这里的my-project是vue项目的名称（一直输入自己项目名称和选项y就可以了）

3、进入项目文件夹 
    cd my-project（项目名）
4、安装所需依赖
     npm install
5、开发环境下运行
    npm run dev
6、生产环境编译：（会产生一个dist文件）
   npm run build

    【cd dist
    npm install -g http-server // 该命令只需执行一次, 安装过之后, 以后就不需要重复安装了.
    hs】

【输出内容：Starting up http-server, serving ./
   Available on:
  http://127.0.0.1:8081
  http://192.168.30.132:8081
  在浏览器访问：  http://192.168.30.132:8081】这里也可以访问项目】

调试成功了 ，好开心哈！

7.把dist文件部署到nginx下，我的config文件内容（路径：/etc/nginx/conf.d/default.conf(我的在这个配置里),可以通过find / -name default.conf或者ps -ef|grep default.conf查找）：

server {
    listen       8090;【默认是80，跟其他端口冲突改的】
    server_name  sell.com;【这个在hosts文件里配置了,把ip映射成了sell.com,   虚拟机id地址 sell.com】

    #charset koi8-r;
    #access_log  /var/log/nginx/host.access.log  main;

    location / {
       root  /usr/local/vue.js/vuejs/dist;【项目编译后的dist路径】
       index  index.html index.htm;
    }

    location /sell/ {
        proxy_pass http://192.168.1.100:8080/sell/;
    }
8.配置完成之后，需要重启nginx，进入到/usr/sbin 下，执行命令：

命令      ./nginx -t 【查看配置是否正确】
nginx: the configuration file /etc/nginx/nginx.conf syntax is ok
nginx: configuration file /etc/nginx/nginx.conf test is successful

命令      启动   ./nginx 

             重启： ./nginx -s reload

9：ip+端口 【不显示内容，然后在console下输入：document.cookie ='openid =abc'
】

 

 

小记：

【1. 安装 nodejs：

curl -sL https://rpm.nodesource.com/setup_6.x  |  bash  -  

yum install -y nodejs

如果提示你需要安装构建工具 gcc gcc++ 什么的你就安装就行了，安装完了再重新安装 nodejs

命令：node -v 如果输出版本号就安装成功了。

 

2.  更新 npm （此时的 npm 命令已经随 nodejs 的安装过程给安装了，这里可能只是为了更新一下我也不太明白）

npm install npm@latest -g

命令：npm -v 输出版本号就成功安装了。

 】

【bug】uilt files are meant to be served over an HTTP server.   Opening index.html over file:// won't work.
结果：https://segmentfault.com/q/1010000006868255

 

安装rz命令：yum -y install lrzsz

CentOS nginx 从 安装 到 自配yum本地源 :https://blog.csdn.net/qq_37913435/article/details/82470168
Nginx采用yum安装方式及安装后的目录 :https://www.cnblogs.com/odbo/p/5295690.html