项目发布的两种方式

第一种前后端不分离的发布方式

1)fe里运行

2)be里通过expressjs.com.cn的快速入门中的express生成器

  yarn global add express_generator/npm install express_generator -g

3)be里输入express -e

4)be里yarn

5)be里删除public里的东西(如果有的话)

6)be里启动服务(此处改端口需要通过bin/www)

7)前端代码放入be的public中(在fe的gulpfile-build.js中创建copy任务)

      

8)fe里重启服务器yarn build

9)改be里app.js的正向代理(主要是路径)

不分离就是后端发布

第二种前后端分离的发布方式

1)fe中html中带href、src的地址前都加上前端服务器的域名

    

2)本地域名的配置:

  配置etc文件下的host

  DNS解析流程,先到本地host找路由,找不到用公网DNS

3)fe的gulpfile-bulid.js中copydist改成

        

4)fe中dist要请服务,新建一个server.js(端口号最多到65536,不可超过这个数字)

        

5)fe中配置package.json中的serve

          

6)fe中启动yarn serve(前端服务起来了)

  测试:localhost:端口/scripts/某某.js可访问即可

7)fe中把src中html中的src中的./全部换成http://localhost:端口号/

              

8)fe中重新yarn bulid,此时be中的public中的html的src也会对应改了

    (因为在fe的gulpfile-bulid.js中配置了copydist

       )

9)现在localhost:后端端口号即可访问到数据

10)不跨域的不用加上http://localhost:前端端口号(此处6677):如js、ajax

11)跨域的和图片都需要加上 http://localhost:前端端口号(此处6677)

12)iconfont跨域,需要在be的app.js中创建路由/iconfonts

13)此期间前端服务不能停

14)前端修改后端必重发布,因为版本号已改

  后端修改前端不改不需要重新发布

前端后端代码小对比:

原文地址:https://www.cnblogs.com/yangyangxxb/p/9825731.html

时间: 2024-07-29 03:36:50

项目发布的两种方式的相关文章

通过java类获取项目绝对路径两种方式

经常会遇到通过java类获取项目路径,并且通过该相对路径或者绝对路径加载资源文件的问题.通常最常用的的两种方式是通过classLoader或者class的getResource()方法. public static final String getPath(){ String path1 = Constant.class.getClassLoader().getResource("").getPath(); String path2 = Constant.class.getClassL

创建 Spring Boot 项目常用的两种方式

在开发中,常用的创建的 Spring Boot 项目方式有两种,一种是使用 Spring Initializr , 一种是创建一个 Maven 工程,导入 Spring Boot 的依赖 使用 IDEA 的 Spring Initializr 的方式 选择 IDEA 的 File -> New -> Project 选择 Spring Initializr ,如下图: 在 Project Metadata 页面,输入 Group, Artifact ,Version, Name, Descri

axis2通过services.xml配置文件发布的两种方式

接口如下 package com.wm5920.webservice; public class HelloService { public String sayHello(){ return "hello"; } public String sayHelloToPerson(String name){ if(name==null){ name = "nobody"; } return "hello,"+name; } public void u

对Java代码加密的两种方式,防止反编译

使用Virbox Protector对Java项目加密有两种方式,一种是对War包加密,一种是对Jar包加密.Virbox Protector支持这两种文件格式加密,可以加密用于解析class文件的java.exe,并且可以实现项目源码绑定制定设备,防止部署到客户服务器的项目被整体拷贝. 两种加密方式 War 包加密 当你的项目在没有完成竣工的时候,不适合使用 war 文件,因为你的类会由于调试之类的经常改,这样来回删除.创建 war 文件很不爽,最好是你的项目已经完成了,不改了,那么就打个 w

WCF服务使用(IIS+Http)和(Winform宿主+Tcp)两种方式进行发布

1.写在前面 刚接触WCF不久,有很多地方知其然不知其所以然.当我在[创建服务->发布服务->使用服务]这一过程出现过许多问题.如客户端找不到服务引用:客户端只在本机环境中才能访问服务,移植到其他机器上就不能访问服务(权限问题)等问题.所以写下这篇文章把我使用http和tcp这两方式部署服务所出现的问题以及解决方案记录下来,方便自己下次查看,也可以当作初学WCF的一个入门小示例吧. 2.建立一个WCF服务 首先要编写一个WCF服务,我在这里提供一个通过名字查询年龄的服务,代码如下: 服务契约:

MongoDB的使用学习之(七)MongoDB的聚合查询(两种方式)附项目源码

先来张在路上-- 此项目是用Maven创建的,没有使用Maven的,自己百度.谷歌去:直接用Junit测试就行,先执行里面的save方法,添加10000条测试数据提供各种聚合查询等. 废话不多说,上干货-- 一.MongoDB数据库的配置(mongodb.xml) 以下是我自己的配置,红色字体请改为自己本机的东东,你说不懂设置端口,不会创建数据库名称,不会配置用户名密码,那有请查阅本系列的第4节(MongoDB的使用学习之(四)权限设置--用户名.密码.端口==),你说懒得设置,那就@#¥%--

【转】SQL Server 2008 数据库同步的两种方式 (发布、订阅)

上篇中说了通过SQL JOB的方式对数据库的同步,这一节作为上一节的延续介绍通过发布订阅的方式实现数据库之间的同步操作.发布订阅份为两个步骤:1.发布.2.订阅.首先在数据源数据库服务器上对需要同步的数据进行发布,然后在目标数据库服务器上对上述发布进行订阅.发布可以发布一张表的部分数据,也可以对整张表进行发布.下面分别介绍发布.订阅的过程. 一.发布.发布需要用实际的服务器名称,不能使用服务器的IP地址进行.能发布的信息包括[表].[存储过程].[用户函数]如果使用IP会有错误,如下图: 具体发

两种方式创建Maven项目【方式二】

1.不勾选Create a simple project,直接点击下一步 2.选择maven-archetype-webapp下一步 3.填写相关信息,点击下一步完成 4.此时会报一个jsp的错误.我们需要引入Java EE的jar包即可.在pom.xml中引入: <dependency> <groupId>javax</groupId> <artifactId>javaee-api</artifactId> <version>7.0

在基于MVC的Web项目中使用Web API和直接连接两种方式混合式接入

在我之前介绍的混合式开发框架中,其界面是基于Winform的实现方式,后台使用Web API.WCF服务以及直接连接数据库的几种方式混合式接入,在Web项目中我们也可以采用这种方式实现混合式的接入方式,虽然Web API或者WCF方式的调用,相对直接连接数据库方式,响应效率上略差一些,不过扩展性强,也可以调动更多的设备接入,包括移动应用接入,网站接入,Winfrom客户端接入,这样可以使得服务逻辑相对独立,负责提供接口即可.这种方式中最有代表性的就是当前Web API的广泛应用,促进了各个接入端