Amos的博客

vuex什么是vuexVuex 是一个专为 Vue.js 应用程序开发的状态管理模式。可以理解为我们项目中需要共享的一些数据，我们把它集中管理起来的容器。把这些数据称为状态。比如一个用户的用户名，性别，权限级别等等。是否一定要用vuex如果我们不是一个中大型的单页面应用的话，没有那么多的状态需要共享的话就不需要用。对于小项目我们可以只用简单的状态管理：创建：simpleStore.js...

搭建vue后台系统使用Vue cli创建项目Vue CLI版本：v3.2.3初始化项目vue create demo选择模板（选择手动配置）default (默认配置)Manually select features (手动配置)选择配置选择：Router，Vuex，CSS Pre-processors，Linter是否使用路由的 history 模式选择：...

vue项目上线后，刷新页面出现404原因在vue项目中使用了history模式实现路由跳转export default new Router({ mode: 'history',})history模式是H5新增的api，改模式下主要有两个方法在起作用（pushState与replaceState），这两个方法都可以使得浏览器路径改变，但不刷新页面，浏览器不会去加载相应的页面，也不会...

用axios获取后端返回的自定义的响应头前端获取respose headers只需要在拦截器里直接打印返回的response即可，里面就有header：axios.interceptors.response.use(function (response) { console.log(response); return response;}, function (error) ...

请求传参时encodeURIComponent将空数组转换为空问题描述：后台需要接受一个空数组[]作为参数，前端请求前将字段值设置为[]，但是发送请求后，参数转化为空了前端请求前赋值为空数组：this.voucher.userAccounts = []参数打印出来：发送请求后：造成的原因：在前端axios对请求参数做了转换： // 请求参数转换transformRequ...

前端自定义request header传给服务端前端ajax添加自定义canary属性：beforeSend : function(request) {　　request.setRequestHeader("canary", canary);}前端axios配置：axios.create({ ... // 请求头部信息 headers: { '...

Cannot assign to read only property ‘exports’ of object '#< Object>'报错原因：在 webpack 中不允许混用 import 和 module.exports有时候我们vue的项目，每个页面会有这样的目录结构：会有一个index.js文件用来导出该页面：这里面就会有 module.exports，当我们用w...

Vue CLI 3.x通过配置chainWebpack将favicon图标打包进指定文件夹内需求：线上要求将所有前端静态资源部署到cdn上，打包后的dist目录要求项目名称套时间戳，将所有静态资源放时间戳文件夹内，运维上线时，只取时间戳文件夹上线。方法：创建cdn地址配置文件public-path.jsconst publicPath = 'https://cdn.test.com...

vue路由按需加载按需加载就是只有我们访问这个路由时才会加载这个js为什么要按需加载按照普通的加载方式：router.js...import Login from '@/views/login'import Welcome from '@/views/welcome'export default new Router({ routes: [ { ...

router-view 的key属性不设置 router-view 的 key 属性由于 Vue 会复用相同组件, 即 /page/1 => /page/2 或者 /page?id=1 => /page?id=2 这类链接跳转时, 将不在执行created, mounted之类的钩子, 这时候你需要在路由组件中, 添加beforeRouteUpdate钩子来执行相关方法拉去数据相...

vue-cli 3.0之跨域请求devServer proxy代理配置当我们的前端服务和后端服务不同源即协议不同，端口不同，域名不同时，就会出现跨域的问题。通过配置devServer.proxy就可以解决跨域的问题。基本配置：// 将任何未知请求 (没有匹配到静态文件的请求) 代理到http://localhost:4000module.exports = { devServer: ...