网站建设微信开发,网页模版之家,删除wordpress slider标题,网站英语dev.env.js解释
//此文件时开发环境配置文件
use strice//使用严格模式
const merge require(webpacl-merge)//合并对象
const prodEnv require(./prod.env)//导出
module.exports merge(prodEnv,{//合并两个配置文件对象并生成一个新的配置文件#xff0c;如果合并的过程…dev.env.js解释
//此文件时开发环境配置文件
use strice//使用严格模式
const merge require(webpacl-merge)//合并对象
const prodEnv require(./prod.env)//导出
module.exports merge(prodEnv,{//合并两个配置文件对象并生成一个新的配置文件如果合并的过程中遇到冲突的属性第二个参数的属性会覆盖第一个参数的属性减少重复代码NODE_ENV:development
})dev.env.js和prod.env.js
dev.env.js是开发环境变量prod.env.js是生产环境开发变量 开发环境项目尚在编码阶段编码完成前的阶段 生产环境项目已经完成前后端对接完成部署在阿里云成功有客户使用 开发环境和生产环境之间还有测试环境一般情况下项目先进行开发开发完成之后进行测试测试之后修改bug完成进入生产环境部署上线
NODE_ENV是用来判断是生产环境还是开发环境的 NODE_ENV: ‘“development”’,代表开发环境 NODE_ENV: ‘“production”’,代表生产环境 BASE_URL 是axios请求设置的基本接口是后端ip端口号设置之后请求后端接口时可以不用一直带着后端接口和端口号 IMAGE_CDN部署到阿里云上的端口
前端项目部署
项目运行默认端口8080
npm run dev 如果前后端分离项目发出axiox请求实现跨域时需要配置proxy代理 第一个红框是匹配的地址如果只有/则默认只匹配8080端口到8888端口第二个红框是将前端接口中的重写为 /*** 例如这个前端微服务项目访问后端接口时需要带/teacher 路径而后端服务普遍是/member路径[前端通过端口号来区分后端项目不能说给这个后端服务请求路径上添加上/tercher]* 这个时候可通过配置proxy代理在实现跨域的功能外实现路径重写* 如下 后端有个接口如/member/query/getTeacherList* 前端通过访问* http://localhost:9500/teacher/member/query/getTeacherList * 代理到 http://localhost:8081/member/query/getTeacherList*/proxyTable: {/teacher: {// 目标代理服务器地址target: http://localhost:8081,logLevel: debug,// 开启代理本地创建一个虚拟服务器 允许跨域changeOrigin: true,pathRewrite: {^/teacher: /},},},host: localhost, port: 9500,
dev.env.js和prod.env.js配置 这个是开发环境的后端请求接口默认会被index.js覆盖 这个是生产环境的后端请求接口必须要写对。
(159条消息) 使用Nginx部署VueSpringBoot前后端分离项目(超详细)_nginx部署前后端分离的项目_飞翔的企鹅i的博客-CSDN博客
前后端部署nginx配置_nginx_学it的茶木-DevPress官方社区 (csdn.net)
