跨域問題是指，當一個網頁的地址和請求資源的地址不同時，瀏覽器會阻止該請求。這種情況通常發生在使用 AJAX 請求第三方 API 時。

<i id='5z327'></i>

解決跨域問題的方法有很多種，其中最常見的方法是使用 CORS（跨域資源共享）。CORS 允許瀏覽器在某些情況下允許跨域請求。

為了使用 CORS，你需要在服務器端設置一些頭信息。以下是一個簡單的例子：

header('Access-Control-Allow-Origin: *');header('Access-Control-Allow-Methods: GET, POST, PUT, DELETE');header('Access-Control-Allow-Headers: Content-Type, X-Requested-With');

這些頭信息告訴瀏覽器，允許來自任何來源的請求，允許使用 GET、POST、PUT 和 DELETE 方法，以及允許使用 Content-Type 和 X-Requested-With 頭信息。

如果你使用的是 Nginx，你可以使用以下配置來啟用 CORS：

location / {

    add_header 'Access-Control-Allow-Origin: *';

    add_header 'Access-Control-Allow-Methods: GET, POST, PUT, DELETE';

    add_header 'Access-Control-Allow-Headers: Content-Type, X-Requested-With';

}

如果你使用的是 Apache，你可以使用以下配置來啟用 CORS：

<VirtualHost *:80>

    Header add Access-Control-Allow-Origin "*"

    Header add Access-Control-Allow-Methods: "GET, POST, PUT, DELETE"

    Header add Access-Control-Allow-Headers: "Content-Type, X-Requested-With"

</VirtualHost>

啟用 CORS 后，你就可以在你的網頁中使用 AJAX 請求第三方 API 了。

以下是一個使用 AJAX 請求第三方 API 的例子：

$.ajax({

    url: 'api.example.com/api/v1/users/1234',

    type: 'GET',

    headers: {

        'Access-Control-Allow-Origin': '*',

        'Access-Control-Allow-Methods': 'GET, POST, PUT, DELETE',

        'Access-Control-Allow-Headers': 'Content-Type, X-Requested-With'

    },

    success: function(data) {

        console.log(data);

    },

    error: function(error) {

        console.log(error);

    }

});

以上就是解決跨域問題的一種方法。如果你有其他解決方法，歡迎在評論區分享。