Linux 下Nginx 运行Vue

最新推荐文章于 2024-08-20 15:02:23 发布

weixin_30520015

最新推荐文章于 2024-08-20 15:02:23 发布

阅读量480

点赞数

文章标签：运维 javascript 操作系统 ViewUI

原文链接：http://www.cnblogs.com/wlphp/p/9027610.html

版权

首相基础的安装Node.js npm

先建个目录把 /node/www

然后在这个目录下

wget https://nodejs.org/dist/v8.11.1/node-v8.11.1-linux-x86.tar.xz

解压

tar xf node-v8.11.1-linux-x86

然后创建软链接

#ln -s /node/node-v8.11.1-linux-x86/bin/node   /usr/local/bin/node          前面的路径是你下载然后解压后的文件路径
#ln -s /node/node-v8.11.1-linux-x86/bin/npm    /usr/local/bin/npm

如果这样就木有问题了

然而在Centos6.9下就有点GG了

错误1

当在CentOS 6.2下执行某些命令时，有缺少共享库的报错：
 
error while loading shared libraries: libstdc++.so.6: cannot open shared object file: No such file or directory

yum whatprovides libstdc++.so.6


yum install libstdc++-4.4.7-3.el6.i686     后面这个根据出来的换掉

错误2

bash: /usr/local/bin/rar: /lib/ld-linux.so.2: bad ELF interpreter: No such file or directory



yum install glibc.i686



可能又报错了
error while loading shared libraries: libstdc++.so.6: cannot open shared object file: No such file or directory


yum install libstdc++.so.6

然后就开始安装Vue

npm install -g vue-cli

然后还是创建软链接

sudo ln -s /node/node-v8.11.1-linux-x86/bin/vue    /usr/local/bin/vue

然后就开始

然后就按照Vue 官网的安装步骤就OK了

# 创建一个基于 webpack 模板的新项目
$ vue init webpack my-project
# 安装依赖，走你
$ cd my-project
$ npm run dev

跑成功的话会出现 localhost:8080 Ctrl+C关掉

然后我们就开始配置Nginx 了

yum install nginx

对了先cd my-project 进入我的项目

然后编译 -----Vue真的牛逼Js还带编译

npm run build

配置Nginx 的站点

vim /etc/nginx/nginx.conf

只要把端口改一下然后root 的路径

  server {
        listen       8080 default_server;
        listen       [::]:80 default_server;
        server_name  _;
        root        /node/www/my-project/dist;

        # Load configuration files for the default server block.
        include /etc/nginx/default.d/*.conf;

        location / {
        }

        error_page 404 /404.html;
            location = /40x.html {
        }

        error_page 500 502 503 504 /50x.html;
            location = /50x.html {
        }
    }