vue2+element-ui npm run build打包后,在服务器打开报错

报错

在这里插入图片描述
页面的图标也显示不出来,如下
在这里插入图片描述

解决:

在这里插入图片描述

在build->utils.js文件里面加上publicPath: '../../',再打包发布一下就可以了

    // Extract CSS when that option is specified// (which is the case during production build)if (options.extract) {return ExtractTextPlugin.extract({use: loaders,fallback: 'vue-style-loader',publicPath: '../../'})} else {return ['vue-style-loader'].concat(loaders)}}

解决了,如下:
在这里插入图片描述
原文链接:https://blog.csdn.net/lovewangyage/article/details/129109940

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

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

相关文章

PCL 判断一个点是否在多边形内部(2D)

文章目录 一、简介二、实现代码三、实现效果参考资料一、简介 这里实现一种基于点的射线法来判断一个点是否一个多边形的内部,思路其实相对简单,但是很实用。具体内容如下: 首先,我们需要构建一条水平的射线(半无限射线,x增加,但y值不变)。计算它穿过多少条边。在每个与…

【javascript】如何判断一个对象属性是否存在

前言 在javascript里,可以有多种判断对象属性是否存在的方法,使用哪种方法来判断,取决于对 “存在” 两个字的定义是什么。 方法1:对比undefined const obj {} if (obj.id ! undefined) {console.log(存在) } else {console.l…

Spring Cloud Stream如何屏蔽不同MQ带来的差异性?

引言 在当前的微服务架构下,使用消息队列(MQ)技术是实现服务解耦和削峰填谷的重要策略。为了保证系统的灵活性和可替换性,我们需要避免对单一开源技术的依赖。 市面上有多种消息队列技术,如 Kafka、RocketMQ、Rabbit…

思维模型 达维多定律

本系列文章 主要是 分享 思维模型,涉及各个领域,重在提升认知。持续创新,引领市场潮流。 1 达维多定律的应用 1.1 达维多定律应用之吉列公司:不断创新的刀片领导者 吉列公司是一家以剃须刀片而闻名的公司。自 1901 年推出首款安…

【开源视频联动物联网平台】开箱即用的物联网项目介绍

写一个开箱即用的物联网项目捐献给Dromara组织 一、平台简介 MzMedia开源视频联动物联网平台,简单易用,更适合中小企业和个人学习使用。适用于智能家居、农业监测、水利监测、工业控制,车联网,监控直播,慢直播等场景。…

fastadmin 中input 变成搜索变成selectpage

1.column 列中 {field:admin_idss,title:"用户名",addclass:"selectpage",extend:data-source"auth/admin/index" data-field"nickenames"} 列入: table.bootstrapTable({ url: $.fn.bootst…

【Spring Boot 源码学习】BootstrapRegistryInitializer 详解

Spring Boot 源码学习系列 BootstrapRegistryInitializer 详解 引言往期内容主要内容1. 初识 BootstrapRegistryInitializer2. 加载 BootstrapRegistryInitializer3. BootstrapRegistryInitializer 的初始化 总结 引言 书接前文《初识 SpringApplication》,我们从 …

谈一谈大小端

文章目录 一,什么是大小端二,为什么有大小端三,怎么验证大小端 一,什么是大小端 大端存储模式:是指数据的地位存储在高地址处,数据的高位存储在低地址处。 小端存储模式:是指数据的低位存储在低…

从0开始学习JavaScript--JavaScript 单例模式

单例模式是一种常见的设计模式,它保证一个类仅有一个实例,并提供一个全局访问点。在 JavaScript 中,单例模式通常用于创建唯一的对象,以确保全局只有一个实例。本文将深入探讨单例模式的基本概念、实现方式,以及在实际…

矩阵代数与MATLAB实现(特征值、广义特征值、酋矩阵、)

矩阵代数的相关知识 目录 一、特征值与特征向量 1、特征值与特征向量 2、MATLAB计算 二、广义特征值与广义特征向量 1、广义特征值与广义特征向量 2、MATLAB计算 三、酋矩阵 1、酋矩阵 2、MATLAB计算 四、未完待续 总结 提示:以下是本篇文章正文内容&…

Pytorch从零开始实战11

Pytorch从零开始实战——ResNet-50V2算法实战 本系列来源于365天深度学习训练营 原作者K同学 文章目录 Pytorch从零开始实战——ResNet-50V2算法实战环境准备数据集模型选择开始训练可视化总结 环境准备 本文基于Jupyter notebook,使用Python3.8,Pyt…

VUE语法-ref和reactive响应式数据引用

1、响应式概述 在vue中定义一个参数,当这个参数在使用中发生了变化,在页面中对这个数据应用的地方都会同步的发生变化,这个就是数据响应式。 2、创建一个非响应式的参数 该程序中采用的是VUE3的用法: 1、在程序中定义了一个局…

GraphCast:基于机器学习的全球中期天气预测模型

文章信息 文章题为”GraphCast: Learning skillful medium-range global weather forecasting”,该文章于2023年发表至Science,文章内容主要关于利用机器学习模型,实现高效、准确的全球中期天气预测。由于文章内容较多,本文仅对研…

同城配送软件:让生活更简单,让物流更高效

同城配送软件是一种提供同城快递、跑腿、外卖等服务的软件,可以让用户方便快捷地发送和接收订单,同时也为配送员提供了接单和送单的便捷渠道。 同城配送软件的开发主要包括以下几个方面的内容: 确定开发目标:在开始开发前&#…

雷达目标跟踪标注的数据格式转换为MOT格式

1. 点云标注 标注软件我用的是annotate软件: GitHub - Earthwings/annotate: Create 3D labelled bounding boxes in RViz 标注软件的使用教程这名博主讲的很详细: 3D目标检测(1):点云标注工具之annotate - 知乎 2…

力扣刷题篇之分治

系列文章目录 目录 系列文章目录 前言 一、分解问题 二、解决子问题 三、合并结果 总结 前言 刷题按照: [力扣刷题攻略] Re:从零开始的力扣刷题生活 - 力扣(LeetCode) 参考: 「五大常用算法」一文搞懂分治算法…

大数据HCIE成神之路之数学(4)——最优化实验

最优化实验 1.1 最小二乘法实现1.1.1 算法介绍1.1.2 代码实现1.2 梯度下降法实现1.2.1 算法介绍1.2.2 代码实现1.3 拉格朗日乘子法1.3.1 实验1.3.2 实验操作步骤1.1 最小二乘法实现 1.1.1 算法介绍 最小二乘法(Least Square Method),做为分类回归算法的基础,有着悠久的历…

第20章:多线程

20.1 线程简介 在Java中,并发机制非常重要,程序员可以在程序中执行多个线程,每个线程完成一个功能,并与其他线程并发执行,这种机制被称为多线程。但是,并不是所有编程语言都支持多线程。 线程的特点&#…

visual studio 2022 更改字体和大小

工具--->选项 文本编辑器 输出窗口

wsl设置ssh时kex_exchange_identification: Connection closed by remote host问题

问题: 在wsl所有ssh相关的东西设置好的情况下出现:kex_exchange_identification: Connection closed by remote host。 解决方案 如果是使用密码登陆的,修改/etc/ssh/sshd_config,将PasswordAuthentication改为yes即可。