jhipster 配置 mysql_java – 将jhipster后端和前端分成两个项目?
我正在尝试jhipster基于令牌的身份验证.它完美地运作.
现在,我想在不同的域上运行后端和前端代码.我怎样才能做到这一点?
这是我试过的:
>运行yo jhipster并选择基于令牌的身份验证选项:
Welcome to the JHipster Generator
? (1/13) What is the base name of your application? jhipster
? (2/13) What is your default Java package name? com.mycompany.myapp
? (3/13) Do you want to use Java 8? Yes (use Java 8)
? (4/13) Which *type* of authentication would you like to use? Token-based authentication (stateless, with a token)
? (5/13) Which *type* of database would you like to use? SQL (H2, MySQL, PostgreSQL)
? (6/13) Which *production* database would you like to use? MySQL
? (7/13) Which *development* database would you like to use? H2 in-memory with Web console
? (8/13) Do you want to use Hibernate 2nd level cache? Yes, with ehcache (local cache, for a single node)
? (9/13) Do you want to use clustered HTTP sessions? No
? (10/13) Do you want to use WebSockets? No
? (11/13) Would you like to use Maven or Gradle for building the backend? Maven (recommended)
? (12/13) Would you like to use Grunt or Gulp.js for building the frontend? Grunt (recommended)
? (13/13) Would you like to use the Compass CSS Authoring Framework? No
...
I'm all done. Running bower install & npm install for you
^C
>将项目的两个副本设为jhipster / backend和jhipster / frontend
>从后端和前端删除不需要的文件
rm -rf backend/.bowerrc
rm -rf backend/.jshintrc
rm -rf backend/bower.json
rm -rf backend/Gruntfile.js
rm -rf backend/package.json
rm -rf backend/src/main/webapp
rm -rf backend/src/test/javascript
rm -rf frontend/pom.xml
rm -rf frontend/src/main/java
rm -rf frontend/src/main/resources
rm -rf frontend/src/test/gatling
rm -rf frontend/src/test/java
rm -rf frontend/src/test/resources
>在代码中进行更改以完全删除后端/前端依赖项
> frontend / Gruntfile.js
...
var parseVersionFromPomXml = function() {
return '1.2.2.RELEASE';
};
...
browserSync: { ..., proxy: "localhost:8081" }
> frontend / src / main / webapp / scripts / app / app.js
angular.module('jhipsterApp', [...])
.constant('API_URL', 'http://localhost:8080/')
.run( ... )
> frontend / src / main / webapp / scripts / ** / * .service.js
angular.module('jhipsterApp').factory(..., API_URL) {
return $http.post(API_URL + 'api/authenticate', ...);
}
angular.module('jhipsterApp').factory('Account', function Account($resource, API_URL) {
return $resource(API_URL + 'api/account', {}, {...});
}
// Make similar changes in all service files.
> backend / pom.xml
删除yeoman-maven-plugin
> backend / src / main / java / com / mycompany / myapp / SimpleCORSFilter.java
// Copied from here: https://spring.io/guides/gs/rest-service-cors/
@Component
public class SimpleCORSFilter implements Filter {
public void doFilter(...) {
...
response.setHeader("Access-Control-Allow-Origin", "*");
...
}
}
>跑
>终端标签#1:BACKEND
cd backend
mvn spring-boot:run
...
[INFO] com.mycompany.myapp.Application - Started Application in 11.529 seconds (JVM running for 12.079)
[INFO] com.mycompany.myapp.Application - Access URLs:
----------------------------------------------------------
Local: http://127.0.0.1:8080
External: http://192.168.56.1:8080
----------------------------------------------------------
>终端标签#2:FRONTEND
cd frontend/src/main/webapp
npm install -g http-server
http-server
Starting up http-server, serving ./ on: http://0.0.0.0:8081
Hit CTRL-C to stop the server
>终端选项卡#3:GRUNT
cd frontend
bower install
npm install
grunt serve
...
[BS] Proxying: http://localhost:8081
[BS] Access URLs:
-------------------------------------
Local: http://localhost:3000
External: http://10.34.16.128:3000
-------------------------------------
UI: http://localhost:3001
UI External: http://10.34.16.128:3001
-------------------------------------
输入用户名:密码为admin:admin
我们的BACKEND标签显示:
[DEBUG] com.mycompany.myapp.security.Http401UnauthorizedEntryPoint - Pre-authenticated entry point called. Rejecting access
显然,我做错了什么.它是什么?
jhipster 配置 mysql_java – 将jhipster后端和前端分成两个项目?相关推荐
- 创建一键部署的前后端(SpringBoot+Vue+nginx)项目镜像
创建一键部署的前后端项目镜像 该方法时将spring-boot项目改造为一个镜像,其底层逻辑,是创建一个Cent Os镜像,然后将项目所需的所有环境安装到该镜像上,最后通过一个脚本启动所有服务,从而达 ...
- java 后端与前端Date类型与String类型互相转换(使用注解)
一:java 后端格式化输出Date类型的属性值到前端 后端返回的类型中,直接定义Date类型,加上此注解,直接将Date类型转成自定义的格式给前端 class TestDateOutput{@Jso ...
- RestAPI的进化之路,后端MVVM模式或许来临,通过观察者模式,后端收集前端的GET类请求,主动推送数据变更到前端
RestAPI的进化之路,后端MVVM模式或许来临,通过观察者模式,后端收集前端的GET类请求,主动推送数据变更到前端 最近几年,前端MVVM模式彻底变革了前端的开发模式,那这股火焰会烧到后端嘛? 我 ...
- 结合 服务器+后端+前端,完成 vue项目 后台管理系统
目录 以上是项目的服务器php.后端.前端.已经可以正常运行 一 登录: 登录页进度条:戳这里Vue项目电商后台管理系统 nprogress--进度条_活在风浪里的博客-CSDN博客 二 侧导航 三 ...
- nginx配置别名与前后端根目录名关联
前情提要: 涉及到多个服务部署在一个服务器,用一个nginx代理转发的情况,前端一直报http 405错误,后端服务也一直没有log,说明一直没有调用到后端. 查了网上关于nginx配置的文档,有针对 ...
- 网易云信IM即时通讯聊天源码SDK 并发高轻松万人并发稳定不丢消息 后端PHP 前端 安卓Java
优势:承载用户并发同时在线都在第三方网易云信高并发轻松承载万人并发. 开发语言:后端PHP 前端安卓Java 苹果 OC PC端C# 网易云信 IM UIKit是基于 NIM SDK(网易云信 IM ...
- TP5后端,VUE前端请求聚合数据新闻接口
问题描述: TP5当后端,VUE当前端, 请求聚合数据新闻接口 演示效果如下: ps: 最开始加载页面的时候,只加载本地的文件(因为请求次数有限制) 问题解决: 1: vue 文件: <temp ...
- TP5后端,VUE前端请求聚合数据驾照题库
选择效果: 演示效果: 1: Vue 配置: /config/index.js 'use strict' // Template version: 1.3.1 // see http://vuejs- ...
- 栋的周评 | 第八回合(定期更新、动态、架构、云技术、算法、后端、前端、收听/收看、英文、书籍、影视、好歌、新奇)
开篇词 大家好!以下是我在 2020 年 2 月 17 日至 23 日的所见.所闻.所学和所悟. 现在,我把它们安利给你们. 定期更新 原创专栏: 栋的周评 一文搞定 Linux 管理员手册:既简单又 ...
最新文章
- 思科预计全球云数据流量将以66%的混合年增长率递增
- qchart画完以后删除_画错了,重新画一幅吧!”这句话对学画画的孩子来说,伤害有多大?...
- 重磅!GitHub 推出容器镜像仓库服务!
- .net core自定义高性能的Web API服务网关
- 介绍Portable PDB
- 计算机导论上机模拟,计算机导论模拟考试题6份完整版.doc
- html如何设置滚动条居中,css3内容垂直居中及垂直滚动条例子
- Appium - 一个投巧的办法去验证页面是否存在某个元素
- web服务器中启用作业储存_如何在Kubernetes中启用无服务器计算
- fatal: could not read Username for 'https://github.com': No such file or directory
- ctfmon是什么启动项_启动项里ctfmon是什么意思,干什么用的??
- linux mysql 密码策略_linux密码策略
- 使用js进行智慧树刷课
- [EMQX-V3.4.6源码解析系列]-1-EMQX简介
- 2022甘肃省安全员C证特种作业证考试题库及模拟考试
- Android Studio 自带 模拟器无声音 解决方法
- HDU1172 猜数字
- 5G NR 下行同步SSB(1)-- SSB时频资源
- python制作成绩分析系统_python实现学生成绩测评系统
- 车主委托过户和电子委托书
热门文章
- 还是贪心(结构体排序)
- 全面升级 —— Apache RocketMQ 5.0 SDK 的新面貌
- 从搜索引擎到核心交易数据库,详解阿里云神龙如何支撑双11
- 【蓝桥杯Java_C组·从零开始卷】第六节(二)、蓝桥杯常用数学公式
- Python编程专属骚技巧1
- 实时搜索 elasticsearch vs solr
- 几种常见数据库连接池的使用比较
- 深入理解 python 中的赋值、引用、拷贝、作用域
- ERROR 1205 (HY000): Lock wait timeout exceeded; try restarting transaction
- 美团在Redis上踩过的一些坑-3.redis内存占用飙升