Vue
Vue开发过程中的知识点记录
Darren i
这个作者很懒,什么都没留下…
展开
-
vue 实现 js css html分离
方法一分别创建 index.js, index.cssindex.vue 代码<template> ....</template><script>//index.js 的相对路径import index from "./index.js";// 名字可以任取export default index;</script><style scoped>//index.css 的相对路径@import "./index.cs原创 2020-10-19 23:49:34 · 1562 阅读 · 0 评论 -
vue 使用 el-image图片无法显示
问题:在vue 项目中使用 el-image 后,在图片路径无误的情况下显示图片加载失败 <el-carousel trigger="click" :height="carouselHeight"> <el-image src="images/top1.jpg" fit="fill" style="height:100%;width:100%"></el-image> </el-carousel>原因分析:通过图片的请求可知,在elemen原创 2020-10-19 23:41:25 · 11902 阅读 · 8 评论 -
Vue 媒体处理(摄像头,截图,播放本地视频)
Vue 媒体处理(摄像头,截图,播放本地视频)一. 打开摄像头```javascript this.constraint = { // video属性设置 video: { width: 300, height: 300, }, // audio属性设置 audio: true, } navigator.media原创 2020-10-09 15:34:15 · 1613 阅读 · 0 评论 -
Vue 使用 token
vue 解析 token引入jwt-decode 包npm install jwt-decode --save在 vue 中引入jwt-decodeimport jwtDecode from ‘jwt-decode’js 中使用const decode = jwtDecode(token);console.log(decode);//解析后的对象vue-resource 设置请求头,带上token第一种方法:全局改变Vue.http.headers.common[‘toke..原创 2020-09-02 21:09:28 · 746 阅读 · 0 评论 -
Vue代理配置
在 package.json 的同级目录(项目根目录)下创建 vue.config.js在 vue.config.js 写入下列内容module.exports = {devServer: {proxy: ‘http://localhost:8080’}}这会告诉开发服务器将任何未知请求 (没有匹配到静态文件的请求) 代理到 http://localhost:4000。终端打开项目根目录,输入:npm run serve此时会以 vue.config.js 作为配置文件启动项目配置.原创 2020-09-02 21:02:28 · 1524 阅读 · 0 评论 -
vue - resource 使用过程的坑
一. get 传参的坑:加params对象传参(不能直接get(url, params)!!!) this.$http.get(url, { params: { offset: this.offset, label: this.categray } } )二. 使用post请求:知识点post参数的形式 form data(表单,通过url传参) 和 request payload(JSON, 通过请求体传参)这两个本质是发送交易的报文头中的C原创 2020-08-20 12:04:02 · 295 阅读 · 0 评论 -
Nginx 部署 Vue 项目刷新页面出现404
问题使用Vue.框架,利用vue-route编写了一个单页路由项目,运维协助在服务器端配置nginx。部署完成后,访问首页没问题,从首页里打开二级页面没问题,但是所有的二级页面打开后,再次刷新,就会出现404现象。原因刷新页面时访问的资源在服务端找不到,因为此时vue-router设置路由地址被当作url地址,此时的地址路径肯定不是真实存在的,所以出现404现象。这些访问资源都是在js里渲染。解决方案在nginx配置里添加vue-route的跳转设置server { ....原创 2020-08-20 11:58:53 · 864 阅读 · 0 评论