HTML 文件設置可跨域 在 Web 開發過程中，我們經常會遇到跨域問題。如果我們需要在一個頁面中訪問另一個域名下的資源，瀏覽器通常會阻止這個請求，因為瀏覽器的跨域策略不允許這樣的操作。那么怎么解決這個問題呢？下面介紹一種常見的方法，即在服務器端設置允許跨域訪問。 假設我們需要從 https://www.example.com/ 請求一個資源，但是這個資源其實位于 https://www.other.com/。此時我們就需要在另一個域名的服務器上設置一些 HTTP 頭信息，來允許跨域訪問。這些 HTTP 頭信息包括： Access-Control-Allow-Origin：指定允許訪問的域名。如果允許所有域名都可以訪問，可以設置為 *。 Access-Control-Allow-Methods：指定允許跨域訪問的請求方法，如 GET、POST、PUT 等。 Access-Control-Allow-Headers：指定允許跨域訪問的請求頭。 接下來，我們以 Node.js 為例，介紹一下如何在服務器端設置這些 HTTP 頭信息。 首先，我們需要安裝一個名為 cors 的中間件，它可以幫助我們設置允許跨域訪問的 HTTP 頭信息。在命令行中執行以下命令： npm install cors 在 Node.js 應用中引入 cors 模塊，并使用它創建一個中間件，在其中設置相應的 HTTP 頭信息。示例代碼如下： const express = require('express'); const cors = require('cors'); const app = express(); app.use(cors({ origin: '*', methods: 'GET,POST', allowedHeaders: 'Content-Type' })); app.get('/', (req, res) =>{ res.sendFile(__dirname + '/index.html'); }); app.listen(3000, () =>{ console.log('server is running at http://localhost:3000/'); }); 在這個示例代碼中，我們使用了 express.js 框架，并引入了 cors 中間件。在 app.use(cors({})) 中，我們設置了 origin、methods 和 allowedHeaders 三個屬性。其中，origin 屬性設置為 * 表示允許所有域名訪問，methods 屬性設置為 GET、POST，表示允許 GET 和 POST 請求，allowedHeaders 屬性表示允許 Content-Type 請求頭。 通過這種方式，我們就可以在服務器端設置允許跨域訪問的 HTTP 頭信息，從而解決瀏覽器的跨域問題。