Vue項目-喵喵電影-打包跨域問題

最近跟着老師的教程做了一個vue的實戰項目——喵喵電影。

先放幾張圖，看看你學的是不是和我一樣。

一路順風順水，最后打包出來，老師用nginx解決的跨域問題。

吐槽一下，自己寫的后台就不能允許跨域嗎？

so，自己打包的項目沒有用代理時無法get到數據的，

so too，用php做了個中轉站，差一丟丟完美解決跨域問題。

網址：http://api.youngam.cn/miaoApi （域名備案中，如無法訪問請使用 http://api.komens.cn/miaoApi/）

當然，只支持GET請求。

說一下傳參的問題：

和教學視頻參數基本一致，唯一不同就是將最后一級的訪問地址換成了一個需要傳的參數。

舉個栗子：

//原版api地址
http://39.97.33.178/api/movieOnInfoList?cityId=10

//我的地址
http://api.youngam.cn/miaoApi/?type=movieOnInfoList&cityId=10

這里我們將 movieOnInfoList 當作type參數的值進行傳遞。

知道你們懶，這里給出所有接口：

//影院
http://api.youngam.cn/miaoApi/?type=cinemaList&cityId=10

//城市
http://api.youngam.cn/miaoApi/?type=cityList

//即將上映
http://api.youngam.cn/miaoApi/?type=movieComingList&cityId=10

//正在熱映
http://api.youngam.cn/miaoApi/?type=movieOnInfoList&cityId=10

//搜索
http://api.youngam.cn/miaoApi/?type=searchList&cityId=10&kw=12

//電影詳情
http://api.youngam.cn/miaoApi/?type=detailmovie&movieId=1211270

唯一的問題就是 獲取定位，

模擬訪問無法獲取定位，很尷尬。（php菜鳥）

然后就是這樣。

可以看一下我的，喵喵電影

反正，隨時有可能掛，看運氣咯。