合规国际互联网加速 OSASE为企业客户提供高速稳定SD-WAN国际加速解决方案。 广告
前端和后端部署在同一个域名下,可以解决跨域问题,可以通过下面两种方法设置。 > 当然前后端分开部署正常情况下也不会有跨域问题,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/。 ### 二,自定义打包路径 #### 设置前端环境接口 baseURL 把.env.production环境文件中的接口 baseURL 设置为空:VUE_APP_BASE_URL = ''。 > 可以根据打包环境修改对应文件,如果打包测试环境,就在.env.staging中修改。 ![](https://skyselang.gitee.io/yylAdminDoc/img/course/same-domain-name/1-env-prod.png) #### 配置路径和打包目录、打包 把.vue.config.js配置文件中的公共路径publicPath设置为/admin/,打包路径outputDir设置为admin。 运行打包命令: ~~~bash cnpm run build:prod ~~~ > 这两个路径名称可以自定义,但是名称必须一样;如果修改的是测试环境文件,运行:cnpm run build:stage ![](https://skyselang.gitee.io/yylAdminDoc/img/course/same-domain-name/2-vue-config-js.png) #### 复制打包目录到yylAdmin/public文件夹下 把前面打包后生成的目录admin复制到后端public文件下 > 就是把yylAdminWeb/admin文件夹复制到yylAdmin/public文件夹下:yylAdmin/public/admin ![](https://skyselang.gitee.io/yylAdminDoc/img/course/same-domain-name/3-copy-yyladmin-public.png) #### 本地测试一下是否能访问 http://localhost:9526/admin/ > http://localhost:9526是后端地址,/admin/是前面设置的公共路径 ![](https://skyselang.gitee.io/yylAdminDoc/img/course/same-domain-name/4-localhost-open.png) #### 部署yylAdmin到服务器上、访问 你的域名/admin/ > 输入部署后端域名,再加上公共路径就可以访问了 ![](https://skyselang.gitee.io/yylAdminDoc/img/course/same-domain-name/5-pro-open.png) #### 前台前端 同样,可以把前台前端(web、h5)、后台前端(yylAdminWeb)与 后端(yylAdmin)放到同一个域名下,这样也不会有跨域问题。