问题：代码上传服务器后，图片404，使用的font-awesome图标也是404 解决办法：如果你用了vue-cil，那么在build目录下找到utils.js中的ExtractTextPlugin.extract({}),里面添加下面这个属性就完美解决了publicPath: ‘../../‘ 解释：文件最终会打包压缩为js。当运行的时候，css中的相对路径指向已经发生变化指向了根目录，所以出现加载错误的问题。下面是这个插件的解释。extract-text-webpack-plugin作用：该插件的主要是为了抽离...
VUE访问接口的时候，很可能出现跨域请求，从而被提供接口的服务器拒绝，这个问题可以直接在VUE里面解决，解决方法：在vue.config.js里面加入配置信息。在module.exports中加入： devServer: {proxy:‘http://localhost:8089‘},这里的proxy，是真正要访问的提供接口的服务器url ！参考：https://blog.csdn.net/wh_xmy/article/details/87705840https://www.cnblogs.com/linjiangxian/p/13203835.html原文：https://www.cnblogs.co...
组件复用 当前组件被复用（没有被销毁或者创建）的时候，路径会发生改变，但是，值不会发生改变因为：created(){}接收值，但是created只创建一次，在create中接收路径传来的值，所以接收到的值不会发生改变解决方法：监听路由的变化 $route()使用场景：当 一个组件被复用的时候，虽然路由发生变化，但页面上的数据不会发生变化 比如： 从列表页list点击商品，进入商品详情页details查看商品的详细信息,当点击商品时，跳...
cli2版本： 将 config/index.js 里的 assetsPublicPath 的值改为 ‘./‘ 。build: {...assetsPublicPath: ‘./‘,... } cli3版本： 在根目录下新建 vue.config.js 文件，然后加上以下内容：（如果已经有此文件就直接修改）module.exports = {publicPath: ‘‘, // 相对于 HTML 页面（目录相同） } 参考链接： 1. vue打包静态资源路径不正确的解决办法 2. Vue cli 3 build时怎么修改assets public path为相对路...
1、报错原因在升级了Vue-Router版本到到3.1.0及以上之后，页面在跳转路由控制台会报Uncaught (in promise)的问题。这是什么原因呢？看vue-router的版本更新日志V3.1.0版本里面新增功能：push和replace方法会返回一个promise, 你可能在控制台看到未捕获的异常。 2、解决方法方法一：在调用方法的时候用catch捕获异常this.$router.replace(‘/home‘).catch(err => {console.log(err) })方法二：对Router原型链上的push、replace方法...
1、Vue packages version mismatch翻译：vue包版本匹配错误报错样例：报错原因：通常出现于一些依赖库的更新或者安装新的依赖库之后(可以认为npm update已经成为一种习惯)，导致了vue和vue-template-compiler的版本不一致。解决方案：统一vue和vue-template-compiler的版本1 "vue": "2.3.4", 2 "vue-template-compiler": "2.3.4",（注：如上所示版本号均为样例，具体实现请小伙伴们根据自己的版本号对应）然后执行：npm update 就可...
一、 使用 vue-cli 快速构建vue项目， 引入vue-echarts组件安装： > npm i vue-echarts --save 修改 webpack.config.js 配置：{test: /\.js$/,loader: ‘babel-loader‘, include: [resolve(‘src‘),resolve(‘node_modules/vue-echarts‘),resolve(‘node_modules/resize-detector‘)] }, 用法示例：<template><v-chart :options="polar"/> </template><script> import ECharts from ‘vue-echarts/components/ECharts‘ im...
vue开发的时候，我们经常会有这样的需求：开发一个详细页面来展示商品的详细信息，根据列表页传入的id进行请求，拿到对应的数据进行渲染。 但是一般在路由上都会加上keep-alive保持数据的状态，除非强制无缓存刷新，这就导致第一次进入详情页面时，可以在created中拿到id，但是返回后，再点击进入，就不会再走相应的生命周期了，无法拿到新的id 这时候可以使用vue的$destroy()方法 这是vue的一个生命周期，完全销毁一个实例。清理它...
本篇文章给大家带来的内容是关于layui form表单的动态渲染与vue.js之间的冲突解决方法（附代码），有一定的参考价值，有需要的朋友可以参考一下，希望对你有所帮助。这次用layui 结合vue.js做项目，发现表单中，如select发送改变，动态渲染select时，发现页面不能渲染数据。在社区发现有些layui与vue.js表单冲突解决方案，这里提供一个很简单的方法，就是利用vue.js的钩子函数updated代码如下methods: {getResponse (){let _this =...
下面我就为大家分享一篇vue-cli开发时,关于ajax跨域的解决方法，具有很好的参考价值，希望对大家有所帮助。目的：使用vue-cli构建的项目，在开发时，想要访问后台接口获取数据，这时就会出现跨域问题。在config/index.js中进行如下配置【即在进行ajax请求时，地址中任何以/api开头的请求地址都被解析为目标地址，target就是你想要的后台接口地址】proxyTable: { ‘/api: { target: ‘https://188.188.18.8‘, changeOrigin: tru...
本篇文章给大家带来的内容是关于vue刷新404的问题解决方法，有一定的参考价值，有需要的朋友可以参考一下，希望对你有所帮助。1、 问题描述利用vue-route结合webpack编写了一个单页路由项目，运维协助在服务器端配置nginx。部署完成后，访问首页没问题，从首页里打开二级页面没问题，但是所有的二级页面打开后，再次刷新，就会出现404现象！2. 问题原因：刷新页面时访问的资源在服务端找不到，因为vue-router设置的路径不是真实存在...
本篇文章给大家带来的内容是关于vue导出excel遇到的问题解决方法，有一定的参考价值，有需要的朋友可以参考一下，希望对你有所帮助。需求：Vue+element UI el-table下的导出当前所有数据到一个excel文件里。先按照网上的方法，看看有哪些坑准备工作：1、安装依赖：yarn add xlsx file-saver -S2、在放置需要导出功能的组件中引入 import FileSaver from "file-saver"; import XLSX from "xlsx";3、HTML中的设置，简单来说就是给...
本篇文章给大家带来的内容是关于vue-router响应路由参数的变化的解决方法，有一定的参考价值，有需要的朋友可以参考一下，希望对你有所帮助。1、提醒一下，当使用路由参数时，例如从 /user/foo 导航到 /user/bar，原来的组件实例会被复用。因为两个路由都渲染同个组件，比起销毁再创建，复用则显得更加高效。不过，这也意味着组件的生命周期钩子不会再被调用。仅仅只是路由的参数发生了变化，该路由是默认不做刷新操作的。为了解决...
本篇文章给大家带来的内容是关于Vue中用props给data赋初始值时遇到的问题及解决方法，有一定的参考价值，有需要的朋友可以参考一下，希望对你有所帮助。前段时间做一个运营活动的项目，上线后产品反馈页面埋点不对，在排查过程中发现，问题竟然是由于Vue中的data初始值导致，而data的初始值来自于props。为方便描述，现将问题抽象如下：一、现象代码：<!DOCTYPE html> <html> <head><meta charset="UTF-8"><title>用props初始化dat...
本篇文章给大家带来的内容是关于vue路由history模式刷新页面时出现404问题的两种解决方法，有一定的参考价值，有需要的朋友可以参考一下，希望对你有所帮助。vue hash模式下，URL中存在#，用history模式就能解决这个问题。但是history模式会出现刷新页面后，页面出现404。解决的办法是用nginx配置一下。在nginx的配置文件中修改方法一：location /{root /data/nginx/html;index index.html index.htm;if (!-e $request_filename...