vue项目部署，出现两个ip的原因
我宁愿靠自己的力量打开我的前途,而不愿求有力者的垂青。——雨果
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了vue项目部署，出现两个ip的原因相关的知识，希望对你有一定的参考价值。
参考技术A
在部署vue项目时，部署完成发现请求地址返回两个ip地址，主要原因是前端打包的时没写http导致会把服务器的ip地址添加到请求的api中
VUE_APP_API='192.168.1.195:8098'
正确写法
VUE_APP_API='http://192.168.1.195:8098'
vue--前端部署项目后访问静态资源404
问题原因
本质原因是路径的原因。
可以看下前端发出的静态文件的请求路径，再对比一下服务器上放置静态你文件的路径。会发现二者路径不一致。
解决该问题
修改vue.config.js文件中的publicpath地址。将路径变成想相对路径后，访问静态文件的路径就正确了
以上是关于vue项目部署，出现两个ip的原因的主要内容，如果未能解决你的问题，请参考其他文章处理办法 --song
相关文章：
vue项目部署，出现两个ip的原因
我宁愿靠自己的力量打开我的前途,而不愿求有力者的垂青。——雨果 tags: 篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了vue项目部署，出现两个ip的原因相关的知识，希望对你有一定的参考价值。 参考技术A 在部署v…...
无涯教程-JavaScript - ASIN函数
描述 ASIN函数返回给定数字的反正弦或反正弦,并返回以弧度表示的Angular,介于-π/2和π/2之间。 语法 ASIN (number)争论 Argument描述Required/OptionalNumberThe sine of the angle you want and must be from -1 to 1.Required Notes 如果您希望ASIN函数返回的Angular以…...
MYSQL的SQL优化
insert语句 开启事务 手动控制事务 start transaction; insert into tb_test values(1,Tom),(2,Cat),(3,Jerry); insert into tb_test values(4,Tom),(5,Cat),(6,Jerry); insert into tb_test values(7,Tom),(8,Cat),(9,Jerry); commit; 内存插入 load命令中用 fields te…...
lintcode 553 · 炸弹袭击【中等 数组+bfs+模拟】
题目 https://www.lintcode.com/problem/553 给定一个二维矩阵, 每一个格子可能是一堵墙 W,或者 一个敌人 E 或者空 0 (数字 0), 返回你可以用一个炸弹杀死的最大敌人数. 炸弹会杀死所有在同一行和同一列没有墙阻隔的敌人。 由于墙比较坚固，所以墙不会被摧毁.你只…...
第一章 计算机系统概述 八、虚拟机
目录 一、传统虚拟机的结构 二、两类虚拟机管理程序 （1）定义： （2）区别：（考点） 一、传统虚拟机的结构 二、两类虚拟机管理程序 （1）定义： &…...
桶装水送水多水站送水员公众号h5开发
桶装水送水多水站送水员公众号h5开发 界面简洁易懂用户容易接受。 独家一户一码全家都能订水。 多个水站运营可按距离选择绑定。 三种支付方式水票、微信、到付。 强大员工系统老板坐享其成。 自由跑跑模式可招兼职送水员接单。 一户一码、全家享用 一户一码，精准…...
【JavaEE】多线程（二）
多线程（二） 文章目录 多线程（二）第一个多线程程序观察线程sleep创建线程继承Thread类，重写run方法实现Runnable， 重写run继承Thread，重写run实现Runnable，重写run基于lambda表达式 T…...
OkHttp 根据服务器返回的的过期时间设置缓存
据返回的缓存时间来缓存响应，可以通过使用OkHttp的CacheControl和ResponseCacheInterceptor来实现。以下是一个示例代码： // 创建缓存目录和缓存对象 File cacheDirectory new File(context.getCacheDir(), "http-cache"); int cacheSize 1…...
智能远程监考方案助力企业考试化繁为简
在音视频数字化之旅中，轻装上阵。 近年来，在数字化浪潮之下，远程考试频繁成为各领域热词，各企业也纷纷改革求新，将原本的企业内部考试转移到线上，从而获取更低廉的组考成本，更高的管理效率&…...
基于matlab实现的额 BP神经网络电力系统短期负荷预测未来（对比+误差）完整程序分享
基于matlab实现的额 BP神经网络电力系统短期负荷预测 完整程序： clear; clc; %%输入矢量P（15*10） P[0.2452 0.1466 0.1314 0.2243 0.5523 0.6642 0.7105 0.6981 0.6821 0.6945 0.7549 0.8215 0.2415 0.3027 0; 0.2217 0.1581 0.1408 0.23…...
WPF的_Expander控件
WPF Expander 是 WPF（Windows Presentation Foundation）框架中的一个控件，用于实现可以展开和折叠内容的可折叠面板。 Expander 控件通常由一个展开/折叠的标题（Header）和一个显示/隐藏的内容部分（Content…...
【MT7628AN】IOT | MT7628AN OpenWRT开发与学习
IOT | MT7628AN OpenWRT开发与学习 时间：2023-06-21 文章目录 `IOT` | `MT7628AN` `OpenWRT`[开发与学习](https://blog.csdn.net/I_feige/article/details/132911634?csdn_share_tail=%7B%22type%22%3A%22blog%22%2C%22rType%22%3A%22article%22%2C%22rId%22%3A%22132911634…...
基于Matlab实现自动泊车（垂直泊车）
自动泊车是一项非常有趣和实用的技术，它可以让车辆在没有人为干预的情况下自动停放在合适的位置上。在这篇文章中，我们将介绍如何使用Matlab实现自动泊车。 首先，我们需要了解自动泊车的基本原理。自动泊车系统通常包括车辆、传感器和控制算…...
笔试面试相关记录（4）
（1）实现防火墙的主流技术有哪些？ 实施防火墙主要采用哪些技术 - 服务器 - 亿速云 (yisu.com) （2） char arr[][2] {a, b, c, d}; printf("%d", *(arr1)); 输出的是谁的地址？字符c 测试代码如下…...
unity UDP 通信
客户端 接收端 ： using System; using System.IO; using System.Collections; using System.Collections.Generic; using System.Net; using System.Net.Sockets; using System.Text; using System.Threading; using UnityEngine; using UnityEngine.UI;public cla…...
一篇解决JavaScript
华子目录 JavaScript介绍JavaScript的组成JavaScript书写位置内部外部 js注释js输入（prompt）js输出js变量js基本数据类型number（数值类型）string（字符串）Boolean（布尔类型）undefined…...
Unity UGUI（一）基础组件
文章目录 1.Text：文本框2.Image：精灵图3.RawImage：生图4.Button：按钮5.InputField：输入框6.Tooggle：选择框7.Slider：滑动条8.Dropdown：下拉菜单9.Scrollbar：滚动条10.Scr…...
【微服务】六. Nacos配置管理
6.1 Nacos实现配置管理 配置更改热更新 在nacos左侧新建配置管理 Data ID：就是配置文件名称 一般命名规则：服务名称-环境名称.yaml 配置内容填写：需要热更新需求的配置 配置文件的id：[服务名称]-[profile].[后缀名] 分组&#…...
【华为云云耀云服务器L实例评测｜云原生】自定制轻量化表单Docker快速部署云耀云服务器
🤵♂️ 个人主页: AI_magician 📡主页地址： 作者简介：CSDN内容合伙人，全栈领域优质创作者。 👨💻景愿：旨在于能和更多的热爱计算机的伙伴一起成长！！&…...
无涯教程-JavaScript - ACOTH函数
描述 ACOTH函数返回数字的反双曲余切。 语法 ACOTH (number)争论 Argument描述Required/OptionalNumberThe absolute value of Number must be greater than 1. i.e., Number must be must be less than -1 or greater than 1.Required Notes 用于计算双曲反余切的方程为-…...
使用 Taotoken 聚合 API 一周后的延迟与稳定性实际体验分享
🚀 告别海外账号与网络限制！稳定直连全球优质大模型，限时半价接入中。 👉 点击领取海量免费额度 使用 Taotoken 聚合 API 一周后的延迟与稳定性实际体验分享 1. 项目背景与接入动机 最近在开发一个需要调用多种大语言模型的个人…...
PHP批量导出数据，CSV格式文件 - 支持几十万行数据无压力
目录 一、前言 二、解决方案 三、示例 一、前言 之前做数据批量导出一直都是用的PHPExcel插件，一个是由于现在PHPExcel已经不再维护了，一个是如果导出大批量数据，导出的表格就会提示数据损坏、文件不完整之类的提示，就是打不开…...
互联网大厂 Java 求职面试技巧揭秘
互联网大厂 Java 求职面试技巧揭秘 在当今互联网大厂求职面试中，技术与场景的交汇点常常成为面试官考察的重点。本文将通过一位搞笑的程序员燕双非与严肃的面试官的对话，展示 Java 技术栈下的面试问题，并深入解答其中的技术要点。第一轮面试 …...
模块二-数据选择与索引——06. 列选择与操作
06. 列选择与操作 1. 概述 数据选择是 Pandas 最常用的操作之一。掌握列选择与操作，可以高效地提取、添加、修改和删除数据列。 import pandas as pd import numpy as np# 创建示例数据 df pd.DataFrame({姓名: [张三, 李四, 王五, 赵六, 钱七],年龄: [25, 30, 28,…...
Cortex-R52内存管理与实时性优化技术解析
1. Cortex-R52内存管理架构解析Cortex-R52作为Armv8-R架构的旗舰级实时处理器，其内存管理系统针对高可靠性场景进行了深度优化。与传统MMU不同，R52采用了增强型MPU（Memory Protection Unit）设计，通过16-24个可编程保护…...
5分钟搞定Mac Boot Camp驱动部署：Brigadier全攻略
5分钟搞定Mac Boot Camp驱动部署：Brigadier全攻略 【免费下载链接】brigadier Fetch and install Boot Camp ESDs with ease. 项目地址: https://gitcode.com/gh_mirrors/bri/brigadier 还在为Mac安装Windows系统时繁琐的驱动匹配而烦恼吗？每次重…...
MAX31856在工业温控项目中的实战应用：从选型、电路设计到故障诊断避坑指南
MAX31856工业温控系统设计全流程：从芯片选型到抗干扰实战 工业温度监测系统的可靠性直接关系到生产安全与产品质量。在钢铁冶炼、化工反应等场景中，一个温度传感器的失效可能导致数百万损失。MAX31856作为工业级热电偶数字转换器，其45V过压保…...
【独家】Lindy内部SLO白皮书泄露：自主工作流SLA达标率低于99.95%的5个致命信号
更多请点击： https://intelliparadigm.com 第一章：Lindy AI Agent自主工作流的核心架构与SLO哲学 Lindy AI Agent 的核心架构基于“自治闭环”（Autonomous Closed Loop）范式，将任务规划、工具调用、状态反馈与自校准能…...
航拍UAV电力电缆巡检检测数据集_数据集第10027期
航拍UAV电力电缆巡检检测数据集_数据集第10027期 项目简介 面向无人机电力巡检场景的开源目标检测数据集，聚焦电力电缆识别任务，可用于电力线检测、植被与电力线安全距离监测等场景，助力电力巡检智能化。 数据集核心信息 数据规模：…...
初次使用Taotoken平台从注册到完成API调用的全程指引
🚀 告别海外账号与网络限制！稳定直连全球优质大模型，限时半价接入中。 👉 点击领取海量免费额度 初次使用Taotoken平台从注册到完成API调用的全程指引 对于初次接触大模型API的开发者而言，从注册平台到成功发出第一个…...