qq_44255146的博客

Vue中axios的请求参数data和params区别data是添加到请求头中(多用与post请求)params是添加到url请求字符串中(多用于get请求)

vue发送请求的时候报400错误，或者后端就收到的数据都是null1、后端方法参数前面加@RequestBodypublic Result login(@RequestBody User user) { System.err.println(user);}2、vue请求的方法把params改成dataexport function getLogin(form) { return request({ url: '/user/login', metho

Vue父组件传参数给子组件时，页面崩溃或者报undefined或者数据为空或者执行了两遍1. 原因请求是异步的，当父组件开始请求数据的时候，数据还在请求中的时候子组件已经渲染完毕，所以这个时候的子组件数据是空的，并且使用数据对象里面的某个值时会报undefined。而当父组件的数据请求完毕，把数据发给子组件时，子数据监听到数据发生了变化，所以数据又接收了一遍，又渲染了一遍。2、解决方案在JavaScript中判断这个参数的长度或类型，当参数长度>0或者类型不为undefind的时候执

vue解决跨域问题1、配置代理vue.config.jsmodule.exports = { devServer: { proxy: { '/api': { target: 'http://127.0.0.1:8080/',//跨域接口的地址 logLevel:'debug', changeOrigin: true, xfw

解决sass版本错误//卸载 node-sassnpm uninstall node-sass//然后安装最新版本（5.0之前）npm install node-sass@4.14.1

解决npm install 报gyp 或者python问题1.在项目目录执行命令1.npm install node-sass@latest2.如果还有报错是sass版本问题//卸载 node-sassnpm uninstall node-sass//然后安装最新版本（5.0之前）npm install node-sass@4.14.1...

vue使用Promisenew Promise((resolve,reject) => { //这里写调用接口的处理代码 //成功时调用 reslove(data) //失败时 reject(data)}).then(data => { //接口成功调用时处理数据的地方 return Promise.reslove(xxx)}).catch(error => { //接口失败调用时处理数据的地方 })

vue给文件路径起别名1.在webpack.base.conf.js文件中的alias中写 resolve: { extensions: ['.js', '.vue', '.json'], //起别名 alias: { '@': resolve('src'), 'assets':resolve('src/assets'), 'components':resolve('src/cpmponents'), 'views':resolve('src/vi

解决NavigationDuplicated: Avoided redundant navigation to current location1.在router文件中的index添加代码....Vue.use(VueRouter)//在这个位置添加如下代码const originalPush = VueRouter.prototype.pushVueRouter.prototype.push = function push(location) { return originalPush.c

vue配置默认显示页面和默认路由1.在router文件夹中的index.js中配置const routes = [ { //没写就是任意路由都是定向这个 path:'', //重定向 redirect:'/xxx' }]

vue去除浏览器访问栏的hash# 访问方式在router中的index.js中配置const router = new VueRouter({ //配置成history模式就没有#了 mode:'history'})

修改router-link标签的渲染成其他标签//tag:设置要渲染成的标签//replace:浏览器不能返回前进到这个//to点击之后要跳转到的路由<router-link tag='div' replace to='/div'></router-link>

vue获得路由传的参数1.在router文件夹下的index.js的路由配置{ path:'/xxx/:abc'}2.获取路由传的参数值this.$route.params.adc

vue的懒加载const home = () => import('')

vue添加二级路由1.在router文件夹下的index.jsconst routes = [ { path:'/xxx', component: () => import('xxx'), //添加二级路由 children:[ //嵌套的默认路径 { path:'' component: () => import('x

vue组件中的数据传递1.设置要传的参数1.<router-link :to="{path:'/xx',query:{xxx:'xxx'}}"></router-link>2.//1.this.$router.push('/xxx' + xxx)//2.this.$router.push({ path:'/xxx', query:{xxx:xxx,...}})2.获取参数$route.query.xxx...

解决npm install 报gyp 或者python问题1.在项目目录执行命令1.npm install node-sass@latest

vue获取后台的文件流并且转换成图片1.添加request的responseTypeexport function addCode(Equip,data) {return request({method: “post”,url: ‘/upload/create/’+Equip.width+’/’+Equip.height,data: Equip.data,responseType:‘blob’,})}2.进行图片流处理let blob = new Blob([res]); // 返

vue常用的命令1.安装依赖npm install npm install --registry=https://registry.npm.taobao.org //淘宝镜像2.运行vue脚本npm run XXXXXX为packconfig.js里面的server里面的命令3.打包npm run build:prod4.初始化npm itit5.安装脚手架3.xnpm install -g @vue/cli6.拉取2.x版本的脚手架npm install @vue/c

在vue中使用echarts1.安装echarts依赖npm install echarts -S2.在main.js中引入echartsimport echarts from 'echarts'Vue.prototype.$echarts = echarts3.进行使用<div id="myChart" :style="{width: '300px', height: '300px'}"></div><script>export default

解决npm ERR! notsup Unsupported platform for n@2.1.8: wanted {“os”:"!win32",“arch”:“any”} (current: {“os”:“win32”,“arch”:“x64”})npm install --force

nginx配置有多个跨域的vue在nginx.conf中配置server { listen 8092; #端口号 server_name 8.136.117.18:8092;#项目名 root /www/wwwroot/8.136.117.18;#项目路径 index index.htm index.html; add_header 'Access-Control-Allow-Origin' '*'; add_header 'Access-Control-Allow-Cre

vue的Element-ui的分页1.填写el-table标签的data属性<el-table :data="tableData.slice((currentPage-1)*pagesize,currentPage*pagesize)"></el-table>2.填写el-pagination标签<el-pagination class="fy" layout="prev, pager, next" @c

vue打包index.html1.安装插件npm install html-webpack-plugin --save-dev2.配置webpack.config.js在第一行写上const HtmlWebpackPlugin = require("html-webpack-plugin")在module里面配置 plugins: [ new VueLoaderPlugin(), new HtmlWebpackPlugin({ template:'index.html'

解决TypeError:Cannot read property ‘vue’ of undefined问题1.安装npm install和vue-template-compilernpm install vue-loader@latest --save-dev2.安装插件到webpack.config.js文件中在第一个添加const { VueLoaderPlugin } = require('vue-loader')在module中添加 plugins: [ new Vu

webpack打包依赖loader1.打包css依赖npm install --save-dev css-loader配置webpack.config.js文件{ test:/\.css$/, use:['style-loader','css-loader']}2.打包less依赖npm install less less-loader --save-devnpm install less less-loader --save-dev{ test:

解决报错:npm ERR! missing script XXX脚本命令错误不存在XXX，查看package.js里面的scripts。scripts：{}

缺少python环境1.进行npm安装npm install --global --production windows-build-tools

webpack命令1.全局安装最新版本命令npm install webpack -g 2.全局安装指定版本npm install webpack@3.6.0 -g 3.全局安装webapck CLInpm install webpack-cli -g4.局部安装webpacknpm install webpack@3.6.0 --save-dev5.删除全局webpacknpm uninstall -g webpack6.删除全局webpack-clinpm uninst

解决webpack查看版本是显示undefined问题1.先卸载之前装的webpack和webpack-cli把以下删除步骤都执行一遍以防万一删除不干净1. 删除本地（局部）npm uninstall webpack-cli2.删除全局npm uninstall -g webpack3.删除本地npm un webpack2.安装全局webpack命令：npm install webpack -g3.安装全局wenpack-cli命令：npm install webpack-c

vue常用的命令1.安装依赖npm install npm install --registry=https://registry.npm.taobao.org //淘宝镜像2.运行vue脚本npm run XXXXXX为packconfig.js里面的server里面的命令3.打包npm run build:prod

set-ExecutionPolicy’ 不是内部或外部命令，也不是可运行的程序 或批处理文1.打开Windows PowerShell ISE在搜索框内搜索windows powershell ise，然后右击以管理员身份运行。2.输入命令Set-ExecutionPolicy RemoteSignedSet-ExecutionPolicy RemoteSigned运行脚本选择全是...