Vue.js

vue --- axios发post请求后台接收不到参数的三种解决方案

放肆的年华 提交于 2021-02-03 01:58:34
最近用vue 做项目使用axios 发送post 请求时遇到了前端传数据后端接收不到的情况: 后来仔细对比发现axios传值是这样的: 而 ajax 传值是这样的: 一个 Request Payload , 一个Form data. 将Request payload 转为 from data 格式就可以了。有四种方式: 一:使用qs(推荐) 首先在你的项目里安装qs 模块。 npm install qs --save-dev 然后在需要使用的页面引入一下: import qs from ' qs ' 引入好了之后,把上面的postData用qs转一下再发送给后台就可以了: let postData = qs.stringify({ certificationAccount: that.certificationAccount, balance: that.balance }) 这样发送给后台时就是Format Data格式了。 二:使用URLSearchParams ; let postData= new URLSearchParams() postData.append('certificationAccount', that.certificationAccount) postData.append('balance', that.balance) 这样也可以

vue --- axios发post请求后台接收不到参数的三种解决方案

自作多情 提交于 2021-02-03 00:09:34
vue --- axios发post请求后台接收不到参数的三种解决方案 参考文章: (1)vue --- axios发post请求后台接收不到参数的三种解决方案 (2)https://www.cnblogs.com/yuerdong/p/10277177.html 备忘一下。 来源: oschina 链接: https://my.oschina.net/u/4277087/blog/4906903

vue-cli3脚手架的配置以及使用

时光毁灭记忆、已成空白 提交于 2021-02-02 22:57:57
Vue CLI 是一个基于 Vue.js 进行快速开发的完整系统,提供: 通过 @vue/cli 搭建交互式的项目脚手架。 通过 @vue/cli + @vue/cli-service-global 快速开始零配置原型开发。 一个运行时依赖 ( @vue/cli-service ),该依赖:一个丰富的官方插件集合,集成了前端生态中最好的工具。 可升级; 基于 webpack 构建,并带有合理的默认配置; 可以通过项目内的配置文件进行配置; 可以通过插件进行扩展。 一套完全图形化的创建和管理 Vue.js 项目的用户界面。 Vue CLI 致力于将 Vue 生态中的工具基础标准化。它确保了各种构建工具能够基于智能的默认配置即可平稳衔接,这样你可以专注在撰写应用上,而不必花好几天去纠结配置的问题。与此同时,它也为每个工具提供了调整配置的灵活性,无需 eject vue-cli3官网帮我们概述了vue-cli3的一些特点。个人在使用vue-cli3的感受中 零配置、可升级 2个特点确实很不错。 如何安装vue-cli3呢? 首先,你要有一个nodejs环境 Node 版本要求 Vue CLI 需要 Node.js 8.9 或更高版本 (推荐 8.11.0+)。你可以使用 nvm 或 nvm-windows 在同一台电脑中管理多个 Node 版本。 其次,如果你之前安装了vue

美团一面就凉了,怒刷3000道面试题逆袭字节,含泪分享面经

梦想与她 提交于 2021-02-02 20:01:52
前言 本人二本大学科班出身,首次面试美团一面凉了。先分享一下美团的凉经,希望大家做好避坑准备: 一面: 1.http和https的区别,非对称加密和对称加密的原理,还有http2和http1的区别(多路复用、数据通过字节流传输) 2.tcp和udp的区别,TCP如何实现数据的可靠性传输(滑动窗口和拥塞控制) 3.说明一下tcp的三次握手和三次挥手,为什们一定要这样子 5.循环对象的方法有哪几种以及它们的区别(Object.keys() 、for of 、for in) 4.如何实现对象的深拷贝,考虑对象嵌套问题代码实现对象深拷贝(手撕失败,) 5.检测数据类型的方法有哪几种(typeOf 、instanceof、constructor、Object.prototype.toString.apply()) 6.说明一下防抖和节流,代码实现他们 7.了解过css动画吗?说一下transition和animation的区别以及transition的触发条件 8.html文件中script标签引入标签的defer属性和async属性以及它们与在head标签内引入的区别 9.给你一个数组根据时间按顺序每秒钟输出一个元素以及其下标 10.对css3的剪切属性有了解吗 11.html页面中为何会出现浮动以及如何清楚浮动(该开始理解成了float浮动,后面知道是BFC) 12.如何实现垂直居中

Attempting to make firebase.auth().currentUser a promise

ぃ、小莉子 提交于 2021-02-02 09:52:10
问题 When a user logs in, I'm trying to send them to a restricted page. So I'm protecting the route by checking for the user object. The problem is that when a user is created or logging in, the auth doesn't immediately change, so after creating or logging in, firebase.auth().currentUser can return null for a couple of milliseconds. So if I send them to the page, it will return an error. This is what I'm trying to do in an attempt for the route to wait a while to see if the auth changes. I'm

Laravel Vue You may need an appropriate loader to handle this file type,

人走茶凉 提交于 2021-02-02 08:47:25
问题 fresh Laravel installation on compiling files using npm run dev VUE file error "You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file" Laravel Verion : "^8.12" Package.json "devDependencies": { "axios": "^0.21", "laravel-mix": "^6.0.6", "lodash": "^4.17.19", "vue": "^2.5.17", "vue-loader": "^15.9.6", "vue-template-compiler": "^2.6.10" } blade file <div id="app"> <hello></hello> </div> <script src="{{mix('js/app.js')}}"></script>

5分钟了解CDN 加速原理

笑着哭i 提交于 2021-02-01 15:47:33
来源:r6d.cn/YX4Y 一、什么是 CDN CDN 的全称是(Content Delivery Network),即内容分发网络。其目的是通过在现有的Internet中增加一层新的CACHE(缓存)层,将网站的内容发布到最接近用户的网络”边缘“的节点,使用户可以就近取得所需的内容,提高用户访问网站的响应速度。从技术上全面解决由于网络带宽小、用户访问量大、网点分布不均等原因,提高用户访问网站的响应速度。 简单的说,CDN 的工作原理就是将您源站的资源缓存到位于全球各地的 CDN 节点上,用户请求资源时,就近返回节点上缓存的资源,而不需要每个用户的请求都回您的源站获取,避免网络拥塞、缓解源站压力,保证用户访问资源的速度和体验。 CDN 对网络的优化作用主要体现在如下几个方面 解决服务器端的“第一公里”问题 缓解甚至消除了不同运营商之间互联的瓶颈造成的影响 减轻了各省的出口带宽压力 缓解了骨干网的压力 优化了网上热点内容的分布 二、CDN工作原理 传统访问过程 传统访问过程 由上图可见,用户访问未使用CDN缓存网站的过程为: 用户输入访问的域名,操作系统向 LocalDns 查询域名的 ip 地址 LocalDns向 ROOT DNS 查询域名的授权服务器(这里假设LocalDns缓存过期) ROOT DNS将域名授权 dns记录回应给 LocalDns LocalDns

浅谈vue中环境变量和模式的作用

空扰寡人 提交于 2021-02-01 14:14:14
使用vue框架进行前端开发也有一段时间了,遇到的问题可以大致分为2类:开发问题,部署问题。 开发方面的问题是最多的,也是大家经常会遇到的,但是部署的问题也不容小觑,一旦部署出错会造成严重的上线事故。 开发和测试时调用后台接口的地址是和生产环境中不一样的,有些时候需要跳转到其他网页,也需要测试和生产环境跳转不同的页面。 这些配置如果都用人工来维护,上测试环境注释掉生产的代码,上生产环境注释掉测试的代码,会很麻烦也很容易出错。 所以有必要在一个入口进行控制,这就要用到vue框架中的环境变量和模式。 在vue-cli3构建的项目中,项目根目录下创建.env.[模式]文件可以定义一种模式,在这个文件中定义的变量就是对应模式的环境变量。 在本地启动项目默认是使用的development模式,使用build命令打包默认是使用的production模式。但是我们一般都会有一个测试环境,在我们打测试包和生产包的时候都是用的是production模式,所以需要定义一个环境变量来进行区分。 我目前的做法是创建.env.development,.env.test,.env.production三个模式文件。 每个模式文件中有3个环境变量:NODE_ENV(对应当前模式的名称),VUE_APP_RUNTIME_ENV(对应当前环境的名称),VUE_APP_BASE_URL

高薪急招CTO&合伙人!还有年薪500k的技术岗虚位以待!

老子叫甜甜 提交于 2021-02-01 11:56:48
这是养码场内推功能上线后的 第31期 每周三定期放送! 可别错过~ 过完中秋想国庆 还得想想升职加薪怎么办…… 晋升 CTO不容易? 人工智能的门槛太高? 这一波内推 统统解决! 在放送详细岗位JD前,场主要和大家强调下 养码场内推岗位征集 ,有招聘需求的 技术人 可以 直接 添加【牛奶:milk6666666666】发布 内推技术岗位 信息! 1、若干优质内推岗位可进行养码场多渠道曝光; 2、免费、快速、精准触达8w+人技术社群; 3、让有招聘需求的技术人轻松get优质简历! 内推 就是 短!平!快! 养码场内推 第31期 技术岗位 大 放 送! 杭州稻芒数据技术有限公司 团队介绍: 稻芒数据 专注 城市房地产数据产品研发 ,基于住宅、商铺、办公等物业最小颗粒维度的地理位置属性和房屋价值属性为客户提供提供全方位、多场景的房地产大数据服务。 核心团队成员在房地产互联网领域深耕多年,成功交付多个房地产数据项目。稻芒数据致力于房地产数据的标准统一,共享融通。 工作地 点:杭州市滨江区长河路590号东忠科技园2幢7楼A715室 CTO&合伙人 Base:杭州 岗位职责: 负责管理 IT 团队和完成产品 IT 开发。 任职要求: 1、90后; 2、IT工作经验2年及以上; 3、python/Java/C++; 4、有带团队队或独立开发经验或架构师经验; 5

vue mint swper

生来就可爱ヽ(ⅴ<●) 提交于 2021-02-01 11:48:40
原文链接: vue mint swper 轮播图组件 属性说明,auto为0表示禁止自动播放 speed 动画持时(毫秒) Number 300 auto 自动播放的时间间隔(毫秒) Number 3000 defaultIndex 初始显示的轮播图的索引 Number 0 continuous 是否可以循环播放 Boolean true showIndicators 是否显示 indicators Boolean true prevent 是否在 touchstart 事件触发时阻止事件的默认行为。设为 true 可提高运行在低版本安卓浏览器时的性能 Boolean false stopPropagation 是否在 touchstart 事件触发时阻止冒泡。 <template> <div class="page-swipe"> <mt-swipe :auto="0" :defaultIndex="1" > <mt-swipe-item class="slide" v-for="i in 4" :key="i">{{i}}</mt-swipe-item> </mt-swipe> </div> </template> <style scoped> .page-swipe { width: 100%; height: 300px; } .slide { background: