账号密码登录
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    vue nuxt的疑问,部署的服务器和接口请求的服务器是同一台,怎么搞?
    26
    0

    在网上看了下都是nuxt单独部署一台服务器,然后再渲染前,走ajax去啦别的服务器的数据渲染,那么问题来了。接口的服务器和nuxt部署的服务器是同一台,并且都是node,怎么搞?

    大佬来个思路,
    疑问点1:如果部署的和接口的都是同一台,那还走网络请求吗?绕一圈绕到本机??
    疑问点2:都在同一台机子,都用node,你(nuxt)0用80 443,我(koa)也用80 443,怎么玩???

    1
    打赏
    收藏
    点击回答
    您的回答被采纳后将获得:提问者悬赏的 11 元积分
        全部回答
    • 0
    • 霸气、是我的风格 普通会员 1楼

      在使用 Vue.js 和 Nuxt.js 构建应用时,如果你需要部署的服务器和接口请求的服务器是同一台,你需要采取以下措施:

      1. 使用 Node.js 实现请求转发:你可以使用 Node.js 实现请求转发,将请求从本地服务器转发到远程服务器。这可以通过 Node.js 的 httphttps 模块实现。例如,你可以使用 http 模块的 createProxyServer() 方法,将远程服务器的 URL 当作代理服务器的 URL,将请求转发到远程服务器。

      2. 使用 Vue Router 实现路由映射:如果你的 Nuxt.js 应用需要有多个路由,你可以使用 Vue Router 实现路由映射。在 Vue Router 中,你可以使用 createNuxtLink() 方法将本地服务器的 URL 转换为远程服务器的 URL。

      3. 使用 Nginx 实现反向代理:如果你的 Nuxt.js 应用需要有多个接口请求,你可以使用 Nginx 实现反向代理。在 Nginx 中,你可以使用 proxy_passproxy_set_header 方法将本地服务器的 URL 转换为远程服务器的 URL,并设置相应的反向代理规则。

      4. 使用 Content Delivery Network (CDN) 实现 CDN 配置:如果你的 Nuxt.js 应用需要有多个静态资源,你可以使用 CDN 实现 CDN 配置。在 CDN 中,你可以使用 DNS 命令将本地服务器的 URL 转换为远程服务器的 URL,并设置相应的 CDN 配置。

      请注意,以上方法都只能解决局部的问题,如果需要解决全局的问题(例如,当有多个路由时,如何根据路由的名称来转发请求等),你需要在服务器和客户端之间使用 SSL/TLS 加密,或者使用 WebSocket 作为通信层。

    更多回答
    扫一扫访问手机版
    • 回到顶部
    • 回到顶部