Vue开发系列三 调试

1. github下载地址：https://github.com/vuejs/vue-devtools

2.下载安成之后打开cmd进入vue-devtools文件夹,把依赖装好 npm install 之后再进行npm run build

3.然后打开shells>chrome>src>manifest.json 把里面的"persistent": false改为true

4.打开chrome点击加载已解压的扩展程序，然后把shells>chrome这个文件夹放入就ok了

5.你再打开一个用vue写的网页，你再打开chrom调试工具你就会发现vue了

6.本地调试时，会出现如http://localhost:8080/#/Mine  这样的地址 ，可以取消掉#，在router的index.js增加

export default new Router({
  mode: 'history',
..}
即可。但是这种模式需要在生产服务器中进行配置的

7.开发坏境的跨域问题

开发坏境中我们要访问如下的API
http://api.test.com/api1/getlist
只需要在config/index.js中增加如下

proxyTable: {
  '/api': {
    target: 'http://localhost:8080',
    changeOrigin: true,
    pathRewrite: {
      '^/api': '/api'
    }
  }
},

请求URL时，只需写成只用写成/api1/getlist就可以代表http://api.test.com/api1/getlist