vue+node實現前後端分離

之前一直聽說前後端分離好，但從來沒有自己動手實踐過！因爲發現了對於自己的知識高端一點的判斷用戶是否已登錄，想自己嘗試下，順帶搭建一個前後端分離的環境

• vue
  我使用的是vue-cli3，關於安裝配置，官網已經講的很明瞭了
• node.js
  • 我使用的是express框架，安裝環境什麼的，網上也已經有很多了。
  • express的默認端口爲3000，而vue的默認端口爲8080，想要發送請求，勢必需要處理跨域問題。
  • 通過添加響應頭解決跨域：
  1. 安裝cors包 npm install cors --save
  2. 在app.js中，引入cors，並添加響應頭

     	app.use(cors({
     		origin:['http://localhost:8080'],    // 允許這個域訪問
     		methods:['GET','POST'],           // 允許的請求方法
     		allowedHeaders:['Conten-type','Authorization']
     	}))
     

  3. 在routers正常做數據請求，並在app.js中引入即可。
  4. vue中發送api請求即可。