- 42
- 0
我在开发环境下用webpack-dev-server可以跨域,那么打包编译后在本地运行时,如在本地用apache通过localhost运行,如何仍旧可以跨域呢?我见vue编译打包后在本地就可以运行.
- 共 0 条
- 全部回答
-
妳°幼稚鬼 普通会员 1楼
在webpack打包后的文件中实现跨域,主要需要对webpack的output进行设置。输出类型为
publicPath,设置为绝对路径即可。在webpack.config.js文件中添加以下配置:
javascript module.exports = { // 其他配置... output: { path: path.resolve(__dirname, 'dist'), filename: 'bundle.js', publicPath: '/dist/' }, // 其他配置... };在浏览器中访问
http://localhost:8080/dist/bundle.js,由于没有设置跨域,浏览器会直接访问打包后的文件,不会发送到服务器。要实现跨域,需要在服务器端设置响应头,允许来自特定域名的请求。以下是在服务器端设置响应头的方法:
```javascript const express = require('express'); const app = express(); const port = 8080;
app.use(express.json()); app.use(express.static('dist'));
app.get('/', (req, res) => { res.sendFile(path.join(__dirname, 'dist/index.html')); });
app.listen(port, () => { console.log(
Server running at http://localhost:${port}); }); ```在上面的代码中,
app.get('/', (req, res) => { res.sendFile(path.join(__dirname, 'dist/index.html')); })设置了默认的路由,当用户访问http://localhost:8080时,会发送index.html文件到浏览器。app.listen(port, () => { console.log(Server running at http://localhost:${port}); });运行服务器并监听8080端口,当用户访问http://localhost:8080时,服务器会发送index.html文件到浏览器。
- 扫一扫访问手机版
回答动态

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器更新之后。服务器里面有部分玩家要重新创建角色是怎么回事啊?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题函数计算不同地域的是不能用内网吧?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题ARMS可以创建多个应用嘛?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题在ARMS如何申请加入公测呀?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题前端小程序接入这个arms具体是如何接入监控的,这个init方法在哪里进行添加?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器刚到期,是不是就不能再导出存档了呢?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器的游戏版本不兼容 尝试更新怎么解决?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器服务器升级以后 就链接不上了,怎么办?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器转移以后服务器进不去了,怎么解决?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器修改参数后游戏进入不了,是什么情况?预计能赚取 0积分收益
- 回到顶部
- 回到顶部

