nodejs代理vue-cli-service服务

发布于 2022-09-12 01:48:39 字数 1768 浏览 28 评论 0

需要通过nodejs来代理本地的vue-cli-service启动的开发服务,目前无法获取js文件,请问该怎么配置?

插件:koa2-proxy-middleware
下面是我写的代理配置,文件地址/config/proxy.js

module.exports= {
targets: {
  '/app': {
    target: 'http://localhost:9999/app', // 加不加[/app]都试过了
    changeOrigin: true
  }
}

app.js

const Koa=require('koa')
const app=new Koa()
const proxy=require('koa2-proxy-middleware')
const proxyConfig=require('./config/proxy')
app.use(proxy(proxyConfig))

本地的vue-cli-service服务

  App running at:
  - Local:   http://localhost:9999/app/        
  - Network: http://172.28.141.105:9999/app/   

  Note that the development build is not optimized.
  To create a production build, run npm run build.

直接访问9999端口是可以的
image.png
但通过代理就不行,之前部署在服务器nginx上是可以代理来访问的,不知道这个node的代理是不是还有什么没配好
image.png
image.png

补充一点,我用nginx配置代理是可以的。但是需要用nodejs来配置(有动态配置的需求),下面是nginx配置:

location /app {
    proxy_pass http://localhost:9999;
}

目前有个临时解决办法就是手动吧需要的静态资源写死在代理上。
module.exports= {
    targets: {
        '/app/favicon.ico': {
            target: 'http://localhost:9999',
            changeOrigin: true
        },
        '/app/index.js': {
            target: 'http://localhost:9999',
            changeOrigin: true
        },
        '/app': {
            target: 'http://localhost:9999',
            changeOrigin: true
        }
}

我照下面设置了通配符但是没生效
image.png

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

咋地 2022-09-19 01:48:39

你的目的是什么?让别人能通过 80 端口访问?

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文