Linux 下Nginx 运行Vue

首相基础的安装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 {
        }
    }

 

 

 保存重启

systemctl restart nginx

 

 然后打开的服务器的IP :8080

 

 Vue牛逼

 

 

OK!

转载于:https://www.cnblogs.com/wlphp/p/9027610.html

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
### 回答1: 在Linux中部署vue项目有许多不同的方法,但最常用的方法是使用Nginx Web服务器进行部署。要部署vue项目,你需要安装Nginx并为你的vue应用程序创建配置文件。一旦完成,就可以使用Nginx运行你的vue项目。 ### 回答2: 在Linux环境下部署Vue项目可以使用Nginx作为反向代理服务器来实现。首先,确保已经在Linux服务器上安装了Nginx。 1. 在服务器上创建一个目录,用于存放Vue项目的静态文件。假设我们将其命名为my_vue_project,并将静态文件放在该目录下。 2. 在Nginx的配置文件中进行相应的配置。配置文件通常位于/etc/nginx/目录下,可以使用文本编辑器打开该文件。找到类似于server {}的配置块,并将其内容修改如下: ``` server { listen 80; server_name your_domain; root /path/to/your/vue/project; location / { try_files $uri $uri/ /index.html; } } ``` 其中,your_domain是你的域名或服务器IP地址,/path/to/your/vue/project是你创建的Vue项目的静态文件目录。 3. 保存并退出配置文件,然后重新启动Nginx服务,使其加载新的配置。 ``` sudo systemctl restart nginx ``` 4. 确保服务器的防火墙已经打开80端口,以便外部访问你的Vue项目。 至此,你的Vue项目已经成功部署在Nginx上。现在可以通过浏览器访问你的域名或服务器IP地址来查看Vue项目的运行情况。 ### 回答3: 要在Linux中部署Vue项目,首先需要安装和配置Nginx服务器。 1. 安装Nginx:使用命令行输入以下命令来安装Nginx: ``` sudo apt-get update sudo apt-get install nginx ``` 2. 配置Nginx:编辑 Nginx 配置文件/etc/nginx/nginx.conf,可以使用如下命令来打开: ``` sudo nano /etc/nginx/nginx.conf ``` 在配置文件中,可以修改默认的服务端口(80)以及其他参数。例如,可以修改`server`部分来配置站点的根目录: ``` server { listen 80; server_name example.com; root /path/to/vue/project/dist; index index.html; ... } ``` 注意:这里的`/path/to/vue/project/dist`应该是Vue项目生成的静态文件所在的路径。 3. 重启Nginx:在完成配置文件修改后,需要重启Nginx来使更改生效: ``` sudo service nginx restart ``` 现在,Vue项目应该已经成功部署到Nginx服务器上了。 4. 验证部署:打开浏览器并访问配置的服务器域名或IP地址,应该能看到Vue项目的主页。例如,如果服务器地址是`example.com`,则在浏览器中输入`http://example.com`,即可访问Vue项目。 以上是在Linux系统中部署Vue项目到Nginx服务器的基本步骤。根据具体需求,还可以进行更详细的配置,例如添加SSL证书、启用缓存等。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值