vue-cli 3.0 使用axios配置跨域訪問豆瓣接口

vue-cli 3.0 配置axios跨域訪問豆瓣接口 自己做的小demo

由於豆瓣api跨域問題，因此不能直接通過ajax請求訪問，我們通過vue-cli提供給我們的代理 進行配置即可，

在根目錄下創建 vue.config.js 

module.exports = {
    //runtimeCompiler: true,
    //publicPath: '/', // 設置打包文件相對路徑
    devServer: {
      // open: process.platform === 'darwin',
      // host: 'localhost',
      port: 8080,
      // open: true, //配置自動啟動瀏覽器 
      proxy: {
        '/api': {
          target: 'http://api.douban.com/v2/', //對應自己的接口
          changeOrigin: true,
          ws: true,
          pathRewrite: {
            '^/api': ''
          }
        }
      }
     }, 
  }

調用

created(){
        this.$http.get('/api/movie/in_theaters').then((res) =>{
          console.log(res);
        })
    }

以下是豆瓣常用的開源接口：

正在熱映 ：https://api.douban.com/v2/movie/in_theaters 即將上映 ：https://api.douban.com/v2/movie/coming_soon TOP 250 ：https://api.douban.com/v2/movie/top250 電影詳情 ：https://api.douban.com/v2/movie/subject/:id 

最后，要 注意了，豆瓣API是有請求次數限制的，不要以為自己coding錯了哦。

沒有申請KEY的一段時間內（聽說是1分鍾）只能請求10次，申請的KEY只能40次。
並且，當npm run build打包上線發布時，請求會返回404，因為開發環境是vue的

proxy代理在生效，把代碼放到服務器並且在服務器設置proxy代理即可。