当前位置: 移动技术网 > IT编程>开发语言>.net > vue+element 部署linux服务器

vue+element 部署linux服务器

2020年05月07日  | 移动技术网IT编程  | 我要评论

课间好时光主题曲,邪恶力量第一季下载,ca1315

vue+element部署

一.环境准备
1.因为nginx依赖于gcc的编译环境,所以,需要安装编译环境来使nginx能够编译起来。
命令:yum install gcc-c++
2.nginx的http模块需要使用pcre来解析正则表达式,需要安装pcre。
命令:yum install -y pcre pcre-devel
3.安装依赖的解压包。
命令:yum install -y zlib zlib-devel
4.ssl 功能需要 openssl 库,安装 openssl。
命令:yum install -y openssl openssl-devel

二.下载nginx
网址 http://nginx.org/en/download.html
nginx官方提供了三个类型的版本:
mainline version:mainline 是 nginx 目前主力在做的版本,可以说是开发版
stable version:最新稳定版,生产环境上建议使用的版本
legacy versions:遗留的老版本的稳定版
我们选择stable version,点击下载。(服务器上选的是nginx-1.18.0.tar.gz)
下载完成后,将nginx压缩包移动到linux的待安装目录中。我这里是 /usr/local/nginx

三.解压安装
1.解压nginx
命令:tar -zxvf nginx-1.16.1.tar.gz
2.依次执行以下命令:
cd /usr/local/nginx
./configure --prefix=/usr/local/nginx
make
make install

四.配置nginx.conf
1.选择:位置/计算机/usr/local/nginx/conf/
2.用右键用文本编辑器打开nginx.conf文件
3.找到此代码:
server {
listen 80;
server_name 192.168.10.86;
root html/dist;   注释:dist为vscode vue发布包

#charset koi8-r;

#access_log logs/host.access.log main;

4.server_name修改为linux的ip地址就可以。
5.下面代码为添加代码
location / {
try_files $uri $uri/ @router;
index index.htm;
}
location @router {
rewrite ^.*$ / last;
}

 

五.启动nginx
1.进入 /usr/local/nginx/sbin 目录
执行命令:./nginx 启动nginx
2.查看进程是否启动
命令: ps -ef | grep nginx

 

六.访问该ip即可看到nginx界面

如对本文有疑问,请在下面进行留言讨论,广大热心网友会与你互动!! 点击进行留言回复

相关文章:

验证码:
移动技术网