这是一个经典的问题，相信很多同学都有遇到过，那么你知道其真正的原因吗？ 我们先还原一下场景： vue项目在本地时运行正常，但部署到服务器中，刷新页面，出现了404错误 先定位一下，HTTP 404 错误意味着链接指向的资源不存在 问题在于为什么不存在？且为什么只有history模式下会出现这个问题？ 为什么history模式下有问题 Vue是属于单页应用（single-page application） 而SPA是一种网络应用程序或网站的模型，所有用户交互是通过...
1.方法一：找到配置文件 config => index.js , 修改配置 autoOpenBrowser: true ，默认是false，改成 true 即可；如下图：2.方法二：这种方法比较万能， 在 package.json 文件下 修改 scripts 中 dev 的命令 在里面加上 --open ； 如下图：
1.获取后端返回的二进制流//安装xlsx插件 npm install xlsx -s //在页面引入xlsx impory XLSX from xlsx//如果是axios请求，responseType需要设置为arraybuffer //获取并处理返回的信息 let data = new Uint8Array(res); let workbook = XLSX.read(data, { type: "array" }); let sheetNames = workbook.SheetNames; // 工作表名称集合 var worksheet = workbook.Sheets[sheetNames]; var dataNow = XLSX.utils.sheet_to_json(work...
效果： 原因：这是因为vue是单页面应用的原因，在前进或后退的时候使用这种方式将保持路径的正确性，#是vue的hash模式，这是一种默认的方式。此时router/index.js文件是这样的：import Vue from vue import VueRouter from vue-router import Home from ../views/Home.vueVue.use(VueRouter)const routes = [{path: /,name: home,component: Home},{path: /about,name: about,component: () => import(/* webpackChunkName: "about...
? ? 修改package.json中的script，在build后面加个??--report"scripts": {"serve": "vue-cli-service serve","build": "vue-cli-service build --report","lint": "vue-cli-service lint"}, 这样打包文件里就会生成一个report.html，直接浏览器打开就可以分析各个页面打包后的大小，看看里边哪个的体积过大我们就优化哪个。
一、安装mysql 1.1 安装 1.1.1 下载并安装mysql的YUM源 （1）下载mysql的YUM源 wget -P /home/lisonglin http://dev.mysql.com/get/mysql57-community-release-el7-11.noarch.rpm 安装mysql的YUM源 rpm -ivh mysql57-community-release-el7-11.noarch.rpm 检查mysql的YUM源是否安装成功 yum repolist enabled | grep "mysql.-community." 查看当前启用的 mysql版本 yum repolist enabled | grep mysql 1.1.2 安装MySQL ...
一、要求vue-cli版本3.0以上，首先升级至3.0以上，然后vue create antd-demo即可 二、项目发布，使用npm run build打包，router去掉history模式，自建vue.config.js文件，设置如下规则：publicPath:??'./',?//?默认'/'，部署应用包时的基本?URL outputDir:?'dist', assetsDir:?'',?//?相对于outputDir的静态资源(js、css、img、fonts)目录 productionSourceMap:false,??//不生成map?source文件
{ "name": "vue-manage", // 项目名称 "version": "1.0.0", // 版本 "description": "Reimbursement Manage", // 描述 "author": "LXG", // 作者 "private": true, //是否私人项目 "scripts": { "dev": "node build/dev-server.js", // npm run dev 的 dev，使用node执行 build/dev-server.js "start": "node build/dev-server.js", // npm run start 跑的是同样的命令 "build": "node build/build.js", // npm run build 跑的...
原因：当 style 标签里有scoped属性时，在scoped作用域组件样式中，默认只能在作用在组件的根节点，如果需要影响其后代元素，需要使用深度选择器 深度选择器// 深度选择器 : /deep/ ::v-deep >>> 最后一个只作用于css/deep/ .van-nav-bar__title {max-width: unset;.search-btn {width: 555px;height: 64px;background-color: #5babfb;.van-icon {font-size: 32px;color: #fff;}.text {font-size: 28px;}}}
问题描述：本地开发环境测试时，favorite.icon正常显示，部署其它环境，vue前端项目打包（npm run build）后，favorite.icon不显示了，成了一个这样的标识，控制台打印了Failed to load resource: the server responded with a status of 404 (Not Found) favorite.ico:1 查看vue构建后index.html，里面引用见下图 解决: npm run build 后，把favicon.ico放到了index.html同级目录，dist目录下，注意呀，不是static目录下 把fa...
第一步：检查 vue/cli 的版本 只有当 vue/cli 的版本高于 4.0 才可以使用命令创建 vue 项目 第二步 使用 vue create 项目名 创建项目 项目名不能包含大写字母，否则会创建失败 第三步：选择默认配置还是手动配置 选项一：默认配置选项二：手动配置 （选择了手动配置） 第四步：根据项目需求选择配置项 空格：选中或取消a：全选或全取消上下箭头：移动到某一项回车：进入下一步 （选择了1、4、5、6、7）Babel：Babel 编译器，可...
方法很简单：相信大家的问题应该是改变src的值吧，动态赋值这一步简单。 this.playerOptions[‘sources‘][0][‘src‘] 就是这一步解决提取src问题，主要部分用*号框起来了。 playerOptions 参数是一个字典对吧！修改字典中的值怎么做不用多说吧直接赋值就好了，下面方法 的重点就是取出src参数进行赋值。 你们视频的url从数据库通过动态获取过来的时候，直接赋值给这个字典中的src就行了，赋值方法：this.playerOptions[‘sources...
方法一:在根目录下,找到vue.config.js,添加如下属性// vue.config.js module.exports = {// 设置打包路径publicPath: './',// 设置页面titlechainWebpack: config => {
用vue-cli脚手架工具构建项目成功后 如果需要引入JQ，步骤如下： 1、在Jquery官网下载：https://jquery.com/download/ 2、首先在项目中找到在package.json文件，在package.json里做如下操作： 注意：看自己下载的版本号来写！3、在终端里输入npm install jquery –save-dev 也可以是cnpm install jquery –save-dev 注意：jquery 一定要小写 不然会提示 Please use ‘jquery’ (all lowercase)! 4、(1)在项目中找到 build文件夹下...
VUE项目引入微信JSSDK 实现自定义分享 前端vue、后端php 问题：后端获取config参数所需的url 需要和请求自定义分享页面url一致 一、微信公众号后台添加 js安全域名（白名单） 二、(前端) VUE引入微信JSSDK 1、yarn add weixin-js-sdk或者npm install weixin-js-sdk --save-dev 2、封装wx分享功能 在asset中新建wx.js import axios from "axios"; import wx from 'weixin-js-sdk'; //初始化微信sdk const wxShowMenu = shareData =>...