第一步:下载nginx压缩包 wget -c https://nginx.org/download/nginx-1.10.1.tar.gz 第二步:配置nginx安装所需的环境 1. 安装gcc 安装nginx 需要先将官网下载的源码进行编译,编译依赖 gcc 环境。安装指令:yum install gcc-c++ 2. 安装PCRE pcre-devel Nginx的Rewrite模块和HTTP核心模块会使用到PCRE正则表达式语...
(nginx.conf在 /usr/local/nginx/conf中) root后边是vue项目生成的dist文件的上传路径 try_files $uri $uri/ /index.html; 防止在通过浏览器访问时,进行刷新或访问不到在的路径时会直接跳到Nginx的404页面。 location/api 是 后端目标地址 location/{ root/home/springbootVue/Vue/dist; index index.html ind...
如果nginx配置改乱了,在nginx的config目录下还有个nginx.confg.default文件,这是默认备份的最初始的配置文件,只需要改个名字就能能用了(改名前需要再备份一下) 1、想要同时配置多个前端项目,做法就是多写几个server,server中换一个端口监听,转发依旧是location来配置转发,(因为前后端都是部署在一个服务器上的,所以...
在浏览器中访问你的域名或IP地址,查看是否能够正确加载Vue项目。 如果一切顺利,你应该能够看到Vue项目的首页。如果出现任何问题,可以检查Nginx的错误日志(通常位于/var/log/nginx/error.log)以获取更多信息。 通过以上步骤,你就可以在Linux系统上安装Nginx并成功部署Vue项目了。
vue项目部署之一:Linux服务器安装Nginx 一、安装所需环境 二、安装nginx 三、常见使用nginx命令 前提: CentOS7 可以参考本文章直接处理; 在Alibaba Cloud Linux 3镜像下运行时,使用yum -y install pcre命令,发现报错为yum源存在问题。 解决方案:备份好yum源文件后更换yum源,参考阿里官方提供文档解决 ...
简介:本文是一篇详细的教程,介绍了如何在Linux系统上安装和配置nginx,以及如何将打包好的前端项目(如Vue或React)上传和部署到服务器上,包括了常见的错误处理方法。 1、打包前端项目 npmrunbuild 执行完后会在根目录下生成一个dist文件夹,这个dist文件夹就是我们需要的东西 ...
1. 你已经在本地开发环境中创建和测试了 Vue前端项目。 2. 你已经在 Linux 服务器上安装了 Nginx,并且服务器和网络设置正确。 实践步骤 1. 构建 Vue 项目 使用Vue CLI 或其他构建工具,在本地构建 Vue 项目的生产版本。这将生成一个包含静态文件的 dist 目录。然后将 dist目录 打包成 dist.zip 准备上传到服...
查看nginx进程 ps aux|grep nginx 7.设置nginx开机启动 在rc.local 增加启动代码即可 vim /etc/rc.local # 编辑文件,在文件底部增加 /usr/local/nginx/sbin/nginx 这行内容保存退出 三、部署Vue.js项目 1.打开vue项目,执行打包 贴一下我的vue项目地址:https://github.com/luxiancan/... ...
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是运行目录: ...
1.nginx服务没有启动或者nginx.conf配置文件的监听端口与你在vue项目中的server.js文件中配置的端口不一致,需要确保一致 2.server.js配置的端口实际并没有被监听,可以执行命令查看端口的监听:netstat -tuln | grep 8888 如果出现如下图,表示已经启动监听,没有出现表示没有成功,需要在防火墙设置 ...