[ Day 16]

說明:記錄一下使用vue cli過程中的踩坑記錄。

一、Uncaught SyntaxError: Unexpected token ':'

問題:當要使用request 套件的時候，在vue componet中使用import request from 'request'得時候，竟然會產生

Uncaught SyntaxError: Unexpected token ':'

這個錯誤。

解決:根據此篇https://blog.csdn.net/tangkthh/article/details/103051825
避開使用相對路徑，可以使用'@'來代替

二、呼叫api時cross site error
現在瀏覽器基本都禁止跨站呼叫，對於不同domain的url網址會禁止，避免被注入攻擊。
必須得符合，同protocol，同domain，同port。
除非呼叫的url response有加入Access-Control-Allow-Origin: 之類的header，才能夠取得response。

解決:考量到無法更動被呼叫的url問題，透過一個後端代理伺服器，由server來呼叫url取得資料後，再將資料回傳給前端會是比較好的做法。

[Day16結束]