美文网首页
Vue项目开发笔记

Vue项目开发笔记

作者: calary | 来源:发表于2019-11-06 11:38 被阅读0次

一、前言

最近在学习Vue开发,在开发过程中或多或少都碰到了一些问题,这里做下笔记,方便查阅

二、问题

  • 1、跨域问题
    项目运行时一直发http://localhost:8080/sockjs-node/info?t=1462183700002请求
    image.png

问题分析:果是在开发环境,应该是开发的时候网络环境变更导致,比如你切换无线网络,导致开发服务器的IP地址换了,这样开发服务器会不知道如何确定访问源,就会报跨域错误

解决办法:开发环境中关闭npm dev server,然后重新npm run serve重新构建服务环境就可以了。

// 项目中,如果用的是cnpm则用cnpm执行
npm dev server
npm run serve

参考链接:https://segmentfault.com/q/1010000005045512

  • 2、vue 嵌套路由如何进行父子间的相互通信
    $on$emit很合适在这种需求下使用
// 父路由发送
this.$root.$emit('message')
// 子路由接收放在钩子created或mounted中使用
this.$root.$on('message', () => {
})

参考链接:vue 嵌套路由如何进行父子间的相互通信
**

相关文章

  • vue-cli 3.0 学习

    最近项目不紧,也是安心学习尤大大的vue 3.0,做些笔记 快速原型开发 Vue-cli 3.0快速原型开发 优点...

  • Vue项目开发笔记

    一、前言 最近在学习Vue开发,在开发过程中或多或少都碰到了一些问题,这里做下笔记,方便查阅 二、问题 1、跨域问...

  • vue学习笔记(3)——router

    githubvue学习笔记(1)主要介绍vue项目的创建vue学习笔记(2)主要介绍项目的基本设置,如axios设...

  • vue项目集成element-ui开发

    vue项目集成element-ui开发 一、VUE环境 1、构建项目 2、安装所需依赖 3、以开发模式启动项目 4...

  • vue使用心得

    vue项目使用心得 一、项目搭建(vue-cli) 二、项目开发命令 三、项目打包时注意事项 四、vue hist...

  • vue学习笔记(2)——基础设置

    githubvue学习笔记(1)主要介绍vue项目的创建vue学习笔记(3)主要介绍vue的router简单用法对...

  • Vue 学习笔记02 —— my-project 示例项目分析

    通过 Vue 学习笔记01 —— 开发环境搭建 我们创建了一个 my-project。我们需要对项目的结构进行...

  • 解决Vue CLI3 项目部署到非根目录下刷新空白问题

    太久没来简书了,今天趁着假期把我那乱乱的笔记本重新整理整理~ 如果你的前端项目使用Vue+Vue CLI开发,部署...

  • 示例项目列表

    前端 Vue 开发指南 Antd Pro 开发示例项目 vue-mobile-demo Java Spring C...

  • Vue2.0去哪网实战笔记

    慕课网Vue2.5开发去哪儿网App 从零基础入门到实战项目【学习笔记】笔记使用幕布编写,可以查看【思维导图】点击访问

网友评论

      本文标题:Vue项目开发笔记

      本文链接:https://www.haomeiwen.com/subject/ynqubctx.html