Vue 解决跨域问题!

跨域是一个超级麻烦的事情!

第一种情况

The value of the 'Access-Control-Allow-Origin' header in the response must not be the wildcard '*' 

看到提示有这样的,说明你的reseponse 里面 Access-Control-Allow-Origin 必须是一个确定的网址,而不是直接写一个 * ,

第二种情况,干脆说你没有 Access-Control-Allow-Origin ,这时候需要 flask 手动返回

@app.after_request
def after_request(response):
  # response.headers.add('Access-Control-Allow-Origin', 'http://localhost:8080')
  response.headers.add('Access-Control-Allow-Credentials', 'true')
  response.headers.add('Access-Control-Allow-Headers', 'Content-Type,Authorization,X-Requested-With')
  response.headers.add('Access-Control-Allow-Methods', 'GET,PUT,POST,DELETE,OPTIONS')
  return response

学习Vuex 需要看的文章

一直很难入门VUEX,直到看到这篇文章,我才豁然开朗!作者把VUEX类比数据库的过程非常易于理解

Vuex,从入门到入门

Vuex 主要把所有状态都放在一起,使用store 管理,store.state 就是项目中共享的数据。

mutations 就是存数据, 但是实际情况是,数据需要经过处理后才存入,所有中间多了一层 actions 专门来处理数据,mapActions 用来接收界面上发生的动作。

所以你在组件上只看到 mapGetters 和 mapActions ,而 mutation 只是中间件

<script>
 import {mapGetters,mapActions} from 'vuex'
   export default {
     computed: mapGetters([
       'count',
       'getOdd'
     ]),
     methods: mapActions([
       'increment',
       'decrement',
       'clickOdd',
       'clickAsync'
      ])
   }
 </script>

至此VUEX的原理就算是完全理解了,接下来就是要靠练下了。。