vue+element 部署linux服务器
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了vue+element 部署linux服务器,小编现在分享给大家,供广大互联网技能从业者学习和参考。文章包含1289字,纯文字阅读大概需要2分钟。
内容图文
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.html index.htm;
}
location @router {
rewrite ^.*$ /index.html last;
}
五.启动Nginx
1.进入 /usr/local/nginx/sbin 目录
执行命令:./nginx 启动Nginx
2.查看进程是否启动
命令: ps -ef | grep nginx
六.访问该ip即可看到Nginx界面
原文:https://www.cnblogs.com/zwbsoft/p/12794679.html
内容总结
以上是互联网集市为您收集整理的vue+element 部署linux服务器全部内容,希望文章能够帮你解决vue+element 部署linux服务器所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错,欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 gblab@vip.qq.com 举报,一经查实,本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。