yylAdmin yylAdmin
首页
  • 介绍
  • 基础
  • 安装
  • 目录
  • 配置
  • 鸣谢
  • 支持
  • 更新日志
  • 开发
  • 前端
  • 后端
  • 调试
  • 开发工具推荐
  • 宝塔面板部署
  • 前后端部署到同一域名
  • 跨域问题
  • 接口文档问题
  • NodeJS版本问题
  • 新版文档
  • v4
  • v3
演示
Gitee (opens new window)
GitHub (opens new window)
首页
  • 介绍
  • 基础
  • 安装
  • 目录
  • 配置
  • 鸣谢
  • 支持
  • 更新日志
  • 开发
  • 前端
  • 后端
  • 调试
  • 开发工具推荐
  • 宝塔面板部署
  • 前后端部署到同一域名
  • 跨域问题
  • 接口文档问题
  • NodeJS版本问题
  • 新版文档
  • v4
  • v3
演示
Gitee (opens new window)
GitHub (opens new window)
  • 指南

    • 指南

      • 介绍
      • 基础
      • 安装
      • 目录
      • 配置
      • 鸣谢
      • 更新日志
  • 开发

    • 开发

      • 新增功能
      • 添加后台接口
      • 添加后台菜单权限
      • 添加后台页面
      • 刷新后台菜单权限
      • 添加前台接口
      • 添加接口文档调试
      • 接口生成器
    • 前端

      • Token
      • 多级目录
    • 后端

      • 缓存
      • 定时任务
      • 队列支持
    • 调试

      • 接口文档
  • 教程

    • 教程

      • 开发工具推荐
      • 宝塔面板部署
      • 前后端部署到同一域名
    • 问答

      • 问答

        • 跨域问题
        • 接口文档问题
        • NodeJS版本问题
    • 支持

      • 支持

        • 支持
    目录

    前后端部署到同一域名

    前端和后端部署在同一个域名下,可以解决跨域问题,可以通过下面两种方法设置。

    当然前后端分开部署正常情况下也不会有跨域问题,yylAdmin已经做了跨域处理

    # 一,默认打包路径

    1、把 yylAdminWeb/.env.production.domain 文件重命名成 .env.production.local,
    2、运行打包命令 cnpm run build:prod,
    3、把 yylAdminWeb/admin 文件夹复制到 yylAdmin/public 文件夹下 yylAdmin/public/admin
    4、部署yylAdmin到服务器上,浏览器打开: 你的域名/admin/

    # 二,自定义打包路径

    # 设置前端环境接口地址

    把.env.production环境文件中的接口地址设置为空:VUE_APP_BASE_API = ''

    可以根据打包环境修改对应文件,如果打包测试环境,就在.env.staging中修改

    # 配置路径和打包目录、打包

    把.vue.config.js配置文件中的公共路径publicPath设置为/admin/,打包路径outputDir设置为admin
    运行打包命令:cnpm run build:prod

    这两个路径名称可以自定义,但是名称必须一样;如果修改的是测试环境文件,运行:cnpm run build:stage

    # 复制打包目录到yylAdmin/public文件夹下

    把前面打包后生成的目录admin复制到后端public文件下

    就是把yylAdminWeb/admin文件夹复制到yylAdmin/public文件夹下:yylAdmin/public/admin

    # 本地测试一下是否能访问

    http://localhost:9526/admin/

    http://localhost:9526是后端地址,/admin/是前面设置的公共路径

    # 部署yylAdmin到服务器上、访问

    你的域名/admin/

    输入部署后端域名,再加上公共路径就可以访问了

    # 前台前端

    同样,可以把前台前端(web、h5)、后台前端(yylAdminWeb)等 与 后端(yylAdmin)放到同一个域名下,这样也不会有跨域问题

    上次更新: 2024/04/12, 20:29:30
    宝塔面板部署
    跨域问题

    ← 宝塔面板部署 跨域问题→

    Theme by Vdoing | Copyright © 2018-2024 yylAdmin | Apache-2.0
    • 跟随系统
    • 浅色模式
    • 深色模式
    • 阅读模式