rollup-plugin-serve 配置跨域

如果您要在 `rollup-plugin-serve` 中配置跨域请求，需要在配置中添加中间件来解决。在这个例子中，我们将使用 `express` 中间件来配置跨域请求。以下是一个带有 `express` 中间件的 Rollup 配置示例：

```js

// rollup.config.js

import serve from 'rollup-plugin-serve';

import express from 'express';

import cors from 'cors';

const app = express();

app.use(cors());

app.use(express.static('public'));

export default {

input: 'src/main.js',

output: {

file: 'public/bundle.js',

format: 'cjs'

},

plugins: [

serve({

open: true,

contentBase: ['public'],

port: 3000,

before: function(app) {

app.use(function(req, res, next) {

res.header('Access-Control-Allow-Origin', '*');

res.header('Access-Control-Allow-Methods', 'GET, PUT, POST, DELETE');

res.header('Access-Control-Allow-Headers', 'Content-Type');

next();

})

}

})

]

};

```

在这里，我们添加了一个自定义的 `before` 函数，用于向 `express` 应用程序添加跨域请求中间件。通过添加中间件，我们可以解决跨域问题。在这个例子中，我们使用了 `cors` 中间件来解决跨域问题，同时指定跨域的方法和头部。

以上示例中，`before` 函数被传递给 `serve` 插件，用于在启动服务器之前将其添加到应用程序中。这样一来，我们就能够在本地开发过程中使用跨域请求。

总之，通过添加中间件到 `rollup-plugin-serve` 中，我们可以在本地开发过程中解决跨域请求问题。这样一来，我们可以在本地，自由的进行调试和开发。