Django day32 跨域問題，建立vue項目，axios的使用

一：跨域問題

　　一、同源策略(瀏覽器的安全策略)
　　　　只容許當前頁面朝當前域下發請求,若是向其餘域發請求,請求能夠正常發送,數據也能夠拿回,可是被瀏覽器攔截了
　　二、cors:只要服務器實現了CORS,就能夠實現跨域資源共享
　　（1）簡單請求
　　　　只發一次請求
　　（2）非簡單請求:
　　　　發兩次請求:一次預檢(OPTION請求),只有服務端容許發請求,才能繼續發第二次正常請求,一次真正的請求
　　三、服務端如何處理:
　　（1）寫在中間件中:

from django.utils.deprecation import MiddlewareMixin class MyCorsMiddle(MiddlewareMixin): def process_response(self,request,response): # 簡單請求:
        # 容許http://127.0.0.1:8001域向我發請求
        # ret['Access-Control-Allow-Origin']='http://127.0.0.1:8001'
        # 容許全部人向我發請求
        response['Access-Control-Allow-Origin'] = '*'
        if request.method == 'OPTIONS': # 全部的頭信息都容許
            response['Access-Control-Allow-Headers'] = '*'
        return response

　　（2）在setting中配置中間件便可

二：建立vue項目 

一、建立vue項目:
　　（1）安裝node.js
　　（2）vue腳手架
　　（2）項目名字：vue create 
　　（4）pycharm開發vue項目：
　　　　須要安裝vue.js插件
　　　　setting--->plugins--->左下方install---->去搜索---->下載--->重啓
　　（5）運行vue項目
　　　　editconfigration--->+--->npm--->run serve

 

二、vue目錄結構:

　　node_modules：項目依賴(之後項目要傳到git上,這個不能傳)
　　publish--->index.html 是總頁面
　　src：項目
　　assets：靜態資源
　　components:組件
　　views:視圖組件
　　APP.vue:根組件
　　main.js :總的入口js
　　router.js :路由相關,全部路由的配置,在這裏面
　　store.js :vuex狀態管理器
　　package.json:項目的依賴,npm install 是根據它來安裝依賴的

 

三、每一個組件會有三部分:

　　（1）template
　　（2）style
　　（3）script

 

 

 

三：axios的使用