宝塔面板配置网站通过ip地址+端口,页面刷新无效。nginx反向代理后端端口。添加/xxx文件然后再访问项目。


宝塔面板配置网站通过ip地址+端口,页面刷新无效。nginx反向代理后端端口。添加/xxx文件然后再访问项目。


一般来说vue项目build打包以后
如果 直接发布服务器 并且不使用后端接口。 是不需要配置nginx的。

假设我vue部署好了。我的ip是106.66.66.66.

但是我页面里面
在这里插入图片描述
当我在浏览器里面输入106.66.66.66的时候。是自动加上/nazhiindex的。

当我第一次输入106.66.66.66,他会自动加上106.66.66.66/nazhiindex。页面没有问题。
但是!但是!但是!
我如果刷新106.66.66.66/nazhiindex他就会报错,白屏不显示东西。
新开一个浏览器也是这个问题。包括我直接输入106.66.66.66/nazhiindex也是白屏不显示。

解决方法:
在这里插入图片描述

 mode: 'history',

如何通过宝塔配置ip+端口。我把重要代码贴出来。
在这里插入图片描述
假设!假设!假设!假设! 你是腾讯服务器,你腾讯服务器里面的1213端口也要开启。
宝塔里面的1213要开启,你腾讯服务器1213也要开启。不然白屏!白屏!白屏!

在这里插入图片描述

如何通过宝塔面板使用nagin反向代理?
如何通过宝塔面板使用nagin反向代理?
如何通过宝塔面板使用nagin反向代理?

在这里插入图片描述
我代码里面有/admin。如果你没有/admin就这样写

location / {root c:/wwwroot/tianzhi;index index.html /index.htm;try_files $uri $uri/ /index.html;}

如果你/admin,vue中build打包文件就要添加/admin文件夹,admin文件夹,admin文件夹
在这里插入图片描述

在这里插入图片描述

差不多就这样。关键代码都贴出来了。
如果还是有问题,通过微信公众号《虚鲲教我打篮球》底部留言。

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/739007.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

PLC数据采集网关是如何应用的?-天拓四方

PLC数据采集网关通过以太网、串口等通信接口与PLC设备连接,实现数据的实时采集。网关内置数据处理模块,可以对采集到的数据进行清洗、转换和存储,以满足不同应用场景的需求。同时,PLC数据采集网关支持多种通信协议,如M…

2.2 关系操作

目录 2.2.1 基本的关系操作 常用的关系操作 关系操作的特点 2.2.2 关系数据语言的分类 关系代数语言: 关系演算语言: 元组关系演算语言 域关系演算语言 2.2.1 基本的关系操作 常用的关系操作 查询操作:选择、投影、连接、除、并、差…

1.Spring核心功能梳理

概述 本篇旨在整体的梳理一下Spring的核心功能,让我们对Spring的整体印象更加具体深刻,为接下来的Spring学习打下基础。 本片主体内容如下: Bean的生命周期依赖注入的实现Bean初始化原理推断构造方法原理AOP的实现这里要说明一下,我们这里说到的Spring,一般指的是Spring F…

Linux软件高级编程-网络--TCP通信--day14

TCP包头: 1.序号:发送端发送数据包的编号 2.确认号:已经确认接收到的数据的编号(只有当ACK为1时,确认号才有用) TCP为什么安全可靠: 1.在通信前建立三次握手连接 SYN SYNACK ACK 2.在通信过程中通过序列号和确认号保障数据传输的完整性 本次发送序列号:上次收到的确…

基于Java (spring-boot)的房屋租赁系统

一、项目介绍 有以下模块 角色:用户、管理员、房东 管理员:个人中心、房屋类型管理、房屋信息管理、预约看房管理、合同信息管理、房屋报修管理、房屋评价管理、系统管理 用户:个人中心、房屋信息管理、预约看房管理、合同信息管理、房屋报修管理、房屋…

Apache Hive(三)

一、Apache Hive 1、ETL数据清洗 数据问题 问题1:当前数据中,有一些数据的字段为空,不是合法数据 解决:where 过滤 问题2:需求中,需要统计每天、每个小时的消息量,但是数据中没有天和小时字段…

差分逻辑电平 --- LVDS、CML、LVPECL互连

前言 首先了解差分逻辑电平结构,也包括单端逻辑电平 地址:常见的逻辑电平_常用的逻辑电平-CSDN博客 注:ECL >> PECL >> LVPECL演变而来;QDR(Quad Data Rate):四倍数据倍率 本文章只涉及差分逻辑电平:LVDS…

在dpvs上实现ICMP的源进源出

目录 1. 缘起2. 源码分析3. 让ICMP也走源进源出1. 缘起 在网络通信中,当一个请求报文从源主机到达目标主机,并经过中间路由器或交换机进行转发时,请求报文进入主机A的路径和响应报文离开主机A的路径可能不同。这种情况下,就会出现所谓的三角路径问题。如下图: 具体来说,…

如何在jupyter Notebook中下载第三方包

!python -m spacy download zh_core_web_sm -i https://pypi.doubanio.com/simple/

JAVA String类、StringBuffer 类和StringBuilder 类

目录 char数组 String 字符串长度 连接字符串 字符串比较 equalslgnoreCase() equals() startsWith()和endsWith() contains() 将String字符串转换成字符数组 提取String字符串中的字符 分割字符串 替换字符串 StringBuffer和StringBuilder 创建对象 连接字符串 反转字符串…

APP前端使用mqtt发布消息比较麻烦,于是使用FastAPI做一个Mqtt消息发布的中转站

简介: 最近有一个需求是前端APP需要通过mqtt发布消息,让硬件接收APP发送过来的消息,实现一个点播视频的功能。但是前端视乎不太会在APP上搭建mqtt。于是想到用FastAPI做一个消息中转站,具体原理如下:前端将需要发送的…

C++第二弹---C++入门(中)

✨个人主页: 熬夜学编程的小林 💗系列专栏: 【C语言详解】 【数据结构详解】【C详解】 C入门 1、函数重载 1.1、函数重载概念 1.2、C支持函数重载的原理--名字修饰(name Mangling) 3、引用 3.1、引用概念 3.2、引用特性 3.3、常引用 …

批量PDF转HTML:高效管理与优化文档格式

随着数字化时代的快速发展,PDF文件因其跨平台兼容性和良好的排版效果而被广泛应用。然而,在文本批量管理的场景中,我们可能需要将PDF文件转换为HTML格式,以便更好地进行编辑、搜索和定制。本文将为您介绍一种高效的方法&#xff0…

Java线程的基本操作

线程的基本操作 Java线程的常用操作都定义在Thread类中,包括一些重要的静态方法 和线程的实例方法 。下面我们来学习一下,线程的常用基本操作 1.线程名称的设置和获取 线程名称可以通过构造Thread的时候进行设置,也可以通过实例的方法setName…

NOIP2018-S-DAY1-3-赛道修建(洛谷P5021)的题解

目录 题目 原题描述: 题目描述 输入格式 输出格式 输入输出样例 主要思路: check: 真正的code: 原题描述: 题目描述 C 城将要举办一系列的赛车比赛。在比赛前,需要在城内修建 条赛道。 C 城一共有 个路…

PostgreSQL教程(三十七):客户端接口(一)之 libpq - C 库

一、数据库连接控制函数 下面的函数处理与PostgreSQL服务器联接的事情。 一个应用程序一次可以与多个服务器建立联接。 (这么做的原因之一是访问多于一个数据库。) 每个连接都是用一个从函数 PQconnectdb、PQconnectdbParams或PQsetdbLogin 获得的PGcon…

rancher里的ingress如何配置gzip压缩

方案一,未试验成功,但配置过程值得记录一下 通过配置configmap,然后在ingress的deployment里引用configmap实现。 参考文章 创建configmap apiVersion: v1 kind: ConfigMap metadata:name: nginx-ingress-controllerannotations:{} # k…

html5cssjs代码 007 文章排版 颜真卿《述张长史笔法十二意》

html5&css&js代码 007 文章排版 颜真卿《述张长史笔法十二意》 一、代码二、解释文档声明&#xff1a;头部&#xff08;head&#xff09;部分&#xff1a;主体&#xff08;body&#xff09;部分&#xff1a;CSS样式细节&#xff1a;<p> 标签用于定义段落&#xf…

WPF Button去除按钮边框,添加下划线

<Button Width"45" Height"25" FontSize"20" Background"Transparent" BorderBrush"Transparent" Foreground"#FFC9A322" Click"Btn_Retry_Click" ><TextBlock><Underline>重试</…

01_lombok review

文章目录 Lombok父子工程ide中的Maven基础配置前置知识储备 Lombok 怎么引入Lombok依赖&#xff1a; step1&#xff1a;引入Lombok依赖 eg&#xff1a; <dependencies><dependency><groupId>org.projectlombok</groupId><artifactId>lombok<…