vue php linux,Linux的nginx环境的vue 部署

作者QQ：1095737364    QQ群：123300273     欢迎加入！

1.使用WebStrom编程好的vue 进入到Terminal运行npm run build

2.使用WinSCP进入到nginx 目录配置文件下面,找到nginx.conf文件:

1.使用WinSCP打开PUTTY命令行:输入: find / -name nginx

2.配置文件nginx.conf 就在/uer/local/nginx/conf下面,/usr/local/nginx/sbin/nginx是运行目录:

3.修改nginx.conf配置文件,在http下面添加一行代码:include vhost/*.conf; 表示每个项目单独配置,方便管理.

4.conf文件夹下面建立vhost文件夹,再在vhost 下面建立vue.conf 放入一下内容:

server

{

listen 80;

server_name vue.****.com;

index index.html index.htm index.php;

root /var/www/html/find;

location / {

try_files $uri $uri/ @router;

index index.html;

}

location @router {

rewrite ^.*$ /index.html last;

}

}

server # 可以同事设置多个服务.

{

listen 8090; # 可以设置端口号.

server_name 180.*.*.42; # 可以设置为IP.

index index.html index.htm index.php;

root /var/www/html/find; # 设置文件的存放路径,一般都在html 下面新建一个文件见,存放当前目录

#防止404找不到

location / {

try_files $uri $uri/ @router;

index index.html;

}

location @router {

rewrite ^.*$ /index.html last;

}

access_log off;

}

5.进入到配置文件中设置的root路径,将WebStrom的vue项目的dist目录下的文件复制到此目录下面来,并且设置文件夹的权限:

6. 使用PUTTY命令行:执行以下命令:

# ps -ef | grep nginx

# kill -9 进程号 //如果有多个,就全部杀死

# cd /usr/local/nginx/sbin

# ./nginx -t

# ./nginx -s reload //如果报一下错误就在执行这个命令一次:# /usr/local/nginx/sbin/nginx

# ./nginx -s reload //不报错就说明启动成

7.然后在浏览器中访问 http://IP:端口号

版权声明： 本文有 ```...裥簞點 发表于 bloghome博客

转载声明： 可自由转载、引用，但需要属名作者且注明文章出处。

linux 搭建nginx环境(centos6.5)

1.rpm -ivh http://nginx.org/packages/centos/6/noarch/RPMS/nginx-release-centos-6-0.el6.ngx.noarch.rp ...

Linux系统 Centos7 环境基于Docker部署Rocketmq服务

消息队列 基本概述 MQ,Message Queue,基于TCP协议构建的简单协议,区别于具体的通信协议. 基于通信协议定义和抽象的更高层次的通信模型,一般都是生产者和消费者模型,又或者说服务端和客户 ...

python Linux flask uwsgi nginx 在centos7.3部署

0.直接上uwsgi和nginx安装命令 linux 安装uwsgi yum groupinstall "Development tools" yum install zlib-d ...

docker一键搭建Nginx+PHP环境(含自动部署命令)

文章的主要部分是一步一步的教程,文章的最后是我整理好的一键安装命令,自动下载并安装docker,构建镜像,启动容器集群(压缩包内注释覆盖范围达到80%) 大家可以看完教程亲自尝试下,也可以直接执行一键 ...

mosquitto在Linux环境下的部署/安装/使用/测试

mosquitto在Linux环境下的部署 看了有三四天的的源码,(当然没怎么好好看了),突然发现对mosquitto的源码有了一点点感觉,于是在第五天决定在Linux环境下部署mosquitto. ...

Linux在高铁项目的部署环境

因为Linux和Java像开源.所以,现在在server基本上使用部署Linux平台即server.然后部署项目.在开发项目的过程中.程序员绝大多数仍采用最经典windows操作系统,尽管Linux也 ...

Linux Ubuntu从零开始部署web环境及项目 -----部署项目 (三)

上一篇讲了如何在linux搭建web环境,这边将如何部署项目. 1,打包项目包 2,上传项目包 将.war项目包通过xftp上传到tomcat目录wabapps目录下 3,启动项目 通过xshell命 ...

Kafka~Linux环境下的部署

概念 Kafka是一种高吞吐量的分布式发布订阅消息系统,它可以处理消费者规模的网站中的所有动作流数据. 这种动作(网页浏览,搜索和其他用户的行动)是在现代网络上的许多社会功能的一个关键因素. 这些数据 ...

随机推荐

关于duplicate symbol _main in的解决办法

报错:duplicate symbol _main in: duplicate symbol _main in:    /Users/gavin/Library/Developer/Xcode/Der ...

typedef 深入剖析

typedef是一个我们常常会用到的关键字,而这个关键字有许多陷阱或者说许多不为我们深入理解的地方.很多书上都是很简单地一笔代过,并没有真正地让我们理解这个关键字.本文对其进行详细地说明.综合网络上找 ...

file_put_contents() 图片保存 函数成功之后返回值

今天弄图片保存时,用到file_put_contents()来保存图片,运行了几次,发下一直没有数据出来,以为是这个函数没操作成功 于是查看了下这个函数的用法和返回值,发现我输出的返回都正确,后来才发 ...

Two-Phase Locking

两阶段封锁(Two-Phase Locking) 两段锁协议的内容 1. 在对任何数据进行读.写操作之前,事务首先要获得对该数据的封锁 2. 在释放一个封锁之后,事务不再获得任何其他封锁. “两段”锁 ...

Delphi中获取Unix时间戳及注意事项(c语言中time()是按格林威治时间计算的，比北京时间多了8小时)

uses DateUtils;DateTimeToUnix(Now) 可以转换到unix时间,但是注意的是,它得到的时间比c语言中time()得到的时间大了8*60*60这是因为Now是当前时区的时间 ...

css05 字体以及行间距

无标题文档