标签 VUE 下的文章

组件是 vue.js 最强大的功能之一，而组件实例的作用域是相互独立的，这就意味着不同组件之间的数据无法相互引用。那么组件间如何通信，也就成为了vue中重点知识了。这篇文章将会通过props、$ref和 $emit 这几个知识点，来讲解如何实现父子组件间通信。

- 阅读剩余部分 -

mock.jpg

mockjs的简介：

使用mockjs可以事先模拟数据，前提是和后端约定好了数据接口，怎样的数据。使用mock就可以生成你要的数据了，从而实现开发时前后端分离。

其主要功能是：

  1. 基于数据模板生成模拟数据。
  2. 基于HTML模板生成模拟数据。
  3. 拦截并模拟 ajax 请求。

- 阅读剩余部分 -

问题描述

vue cli脚手架前端调后端数据接口时候的本地代理跨域问题：

如在本地 localhost 访问接口 http://www.exaple.com:8602/ 是要跨域的，会报错：

XMLHTTPRequest can not load http://www.exaple.com:8602/.
Response to preflight request doesn’t pass access control….

- 阅读剩余部分 -

问题

本地vue-cli启动了一个项目只能通过localhost:8080访问到，同一局域网下其他的手机和电脑并不能通过ip地址访问调试。

原因

vue-cli项目是通过命令行一键生成的，配置文件中默认生成的是本地调试模式，默认访问地址是localhost:端口号。

解决

  1. 查看config文件夹下的 index.js，将dev中将host重新定义为：0.0.0.0即可。
  2. 修改package.json中script下dev的值，在后面加入--host 0.0.0.0 也可以解决
"scripts": {
    "dev": "webpack-dev-server --inline --progress --config build/webpack.dev.conf.js  --host 0.0.0.0",
    "start": "npm run dev",
    "lint": "eslint --ext .js,.vue src",
    "build": "node build/build.js"
  },
  1. 1
  2. 2
  3. 3
  4. 4
  5. 5
  6. 6