vue做移动端打包上传服务器后图片报404

el/2024/4/13 14:18:15

先展示下错误

因为这个错误,我在手机端上查看的时候,页面是崩溃状态

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

找到config下面的index.js里面的build对象下的assetsPublicPath: ‘/’,这个“ / ”前面不要加点,如下图:

在这里插入图片描述


http://www.ngui.cc/el/4999998.html

相关文章

vue中一个项目里兼容移动端和pc端

话不多说,上代码 先来看一下我的文件 路由文件 index.js: import Vue from vue import Router from vue-routerVue.use(Router)export default new Router({mode:

vue中移动端引入适配插件,pc端页面变大的问题

解决办法 移动端适配插件是把px单位转化为了rem,写PC端页面用px时,把px大写成PX,就不会受影响喽

输入框 input 或按钮 button 聚焦时不显示边框的方法

/* 输入框聚焦时不出现边框 */ input:focus{outline: none; } /* 按钮聚焦时不出现边框 */ button:focus{outline: 0; }

vue实现根据页面动态改变title

老板,来一盘代码 效果: index.js 中 import Vue from vue import Router from vue-routerVue.use(Router)export default new Router({mode:"history",routes: [{path

css变色效果

使用文字举例子 <template> <div> <p>变色</p> </div> </template><style> p {animation: change 0.5s linear 0s infinite; } keyframes change {0% {color: red;}15% {color: orange;}30% {color: yellow;}45% {color: green;}60…

vue行间截取字符串

<p>{{item.newsAddTime.slice(11,16)}}</p>// 两个参数 str str.slice(2,4);//截取第二个到第四个之间的字符 str str.substring(2,4);//截取第二个到第四个之间的字符 str str.substr(2,4);//截取从第3个开始往后数4位之间的字符 // 一个参数 str str.sl…

一个页面使用多次swiper,相互冲突的问题,或接接口不循环的问题

首先,可以用不同的 id 或 class 来区分他们,并设置样式 <template> <div> <!-- 第一个轮播 --><div class="swiper-container" id="container1"><div class="swiper-wrapper"><div class="swiper-slid…

vue项目中使用jQuery,并实现页面到达指定位置时实现animate动画

一、vue中使用jquery 1、首先下载 npm install jquery -s2、在项目根目录下的build目录下找到webpack.base.conf.js文件,在开头使用以下代码引入webpack,因为该文件默认没有引用。 var webpack = require(webpack)3、最后在build目录下的webpack.base.conf.js文件里找到mo…

微信小程序的时间选择器

小程序中 input 没有日期组件(只有picker组件带日期) <picker mode="date" value="{{date}}" start="" end="" bindchange="changeDate"><!-- 禁止输入框输入功能 --><input name=

css3新特性-webkit-font-smoothing

一 &#xff08;1&#xff09;-webkit-font-smoothing&#xff1a;可以使页面上的字体抗锯齿,使用后字体看起来会更清晰舒服。 属性含义none对低像素的文本比较好subpixel-antialiased默认值antialiased抗锯齿很好 &#xff08;2&#xff09;-moz-osx-font-smoothing: inheri…