vue项目部署到服务器的nginx(Nginx部署vue项目和配置代理的问题解析)
类别:服务器 浏览量:1815
时间:2021-10-08 00:39:31 vue项目部署到服务器的nginx
Nginx部署vue项目和配置代理的问题解析1.nginx安装和启动# 安装nginx sudo apt-get install nginx # 启动 sudo service nginx start
验证安装
# 安装完成后使用nginx -v检查,如果输出nginx的版本信息表明安装成功 nginx -v # 如果输出类似于这样的版本号等,证明安装完成 nginx version: nginx/1.14.0 (Ubuntu)
查看nginx的配置,linux系统下的配置文件通常会存放在/etc目录下的nginx目录
nginx的配置文件就在/etc/nginx文件夹,打开文件/etc/nginx/sites-available/default
(nginx可以有多个配置文件,通常我们配置nginx也是修改这个文件)
使用连接工具自带的编辑器打开或者vim
修改如下两个地方即可成功部署项目
检查nginx配置是否正确
sudo nginx -t
出现 successful 即可
nginx: configuration file /etc/nginx/nginx.conf test is successful
加载nginx配置
sudo nginx -s reload
如果项目配置了api跨域,请继续往下看第3点,反之直接第4点访问项目即可
3.配置代理api一般前后端分离的项目需要进行跨域
还是/etc/nginx/sites-available/default文件编辑
#vue项目中的请求地址前面都需要加上api #发起请求的代理配置,地址包含/api的回全部替换地址并转发到proxy_pass下的地址 location /api/ { rewrite ^/b/(.*)$ /$1 break; proxy_pass http://www.ifyyf.com/; }
如图
即可代理到原来vue.config.js的跨域代理了
4.访问项目即可打开服务器的ip或者域名访问项目即可
5.二级菜单404问题vim打开default文件
将
try_ files $uri $uri/ =404;
修改为
try_ files $uri $uri/ /index.html;
到此这篇关于Nginx部署vue项目和配置代理的文章就介绍到这了,更多相关Nginx部署vue项目内容请搜索开心学习网以前的文章或继续浏览下面的相关文章希望大家以后多多支持开心学习网!
您可能感兴趣
- nginx tomcat集群(Nginx+tomcat负载均衡集群的实现方法)
- 怎么查看nginx支持rewrite(nginx里的rewrite跳转的实现)
- 宝塔nginx配置修改(宝塔面板安装Tengine报错:nginx: [emerg] invalid IPv6 address in resolver)
- docker启动nginx容器命令(Docker安装Nginx教程实现图例讲解)
- nginx对静态文件开启缓存(nginx proxy_cache 缓存配置详解)
- nginx服务器有什么用(Nginx的作用详解,为什么在Web服务器中Nginx的比例越来越高?)
- 修改宝塔nginx端口(解决宝塔面板nginx/apache防火墙后无法启动)
- nginx配置https转发规则(Nginx配置https原理及实现过程详解)
- nginx https 域名配置(阿里云Nginx配置https实现域名访问项目图文教程)
- nginx tomcat docker 负载均衡(Nginx+Tomcat实现负载均衡、动静分离的原理解析)
- nginx动态路径配置(Nginx本地目录映射实现代码实例)
- linux nginx搭建(Ubuntu使用nginx搭建webdav文件服务器的详细过程)
- docker如何访问nginx(基于docker启动nginxssl配置)
- 宝塔web服务器如何安装(宝塔面板开启Nginx/Apache防火墙四层防御的方法)
- 实战部署nginxdocker(基于Docker、Nginx和Jenkins实现前端自动化部署)
- nginx安全配置提示(wdcp Linux面板nginx启用gzip后js未压缩解决方案)
- 我们现在吃的苹果是哪里来的 原来现代苹果引入中国仅有一百多年(我们现在吃的苹果是哪里来的)
- 买绿宝不能只挑黄绿色 菜农教你3招挑,个个皮薄肉脆,香甜爆汁(买绿宝不能只挑黄绿色)
- 大果肉搭配薄瓜皮, 绿宝 脆甜爽口,不愧是甜瓜中的 佼佼者(大果肉搭配薄瓜皮)
- 河南尉氏县因地制宜发展果蔬种植 水坡镇绿宝甜瓜变 金瓜(河南尉氏县因地制宜发展果蔬种植)
- 谢广坤,你这么欺负谢腾飞,良心不会痛吗(你这么欺负谢腾飞)
- 乡村爱情15 宋晓峰怀疑自己孩子,腾飞与姜奶奶亲子鉴定出结果(宋晓峰怀疑自己孩子)
热门推荐
- dockernextcloud优化(docker+nextcloud搭建个人云存储系统的实现)
- php中isset函数有什么功能(PHP中的empty、isset、isnull的区别与使用实例)
- sql server没有服务器怎么办(SQL Server 2012安装后服务器名称找不到的解决办法)
- divcss页面布局步骤(横向两列布局左列固定,右列自适应的4种CSS实现方式)
- python微信红包代码(php生成微信红包数组的方法)
- phpinclude的使用方法(PHP defined函数的使用图文详解)
- kubernetes的安全机制(浅析kubernetes的控制器和标签)
- docker查看管理配置信息(Docker Secret的管理和使用详解)
- python如何编写一个用户登录系统(Python实现的登录验证系统完整案例基于搭建的MVC框架)
- vue可以使用模态框modal吗(vue基于Teleport实现Modal组件)
排行榜
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9