vue项目gcm加密_Docker 入门到实战教程(十一)部署Vue+SpringBoot 前后端分离项目

于 2020-12-30 16:07:45 发布
阅读量225 收藏
点赞数
文章标签： vue项目gcm加密
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_31002029/article/details/112051254
版权
本文介绍了如何使用Docker部署一个Vue前后端分离的项目，包括Vue项目的打包、Docker镜像的创建以及Nginx的配置。首先，通过npm命令或Webstrom将Vue项目打包成dist目录。接着，构建Docker镜像，基于Java基础镜像，并配置环境。最后，Nginx配置中设置了HTTPS访问和代理后端服务。
摘要由CSDN通过智能技术生成

接下来就来正式实战,看看docker怎样去部署一个Vue前后端分离的项目，我们从以下三点来进行：

Vue项目打包

Docker镜像后端项目

Nginx的配置

一. Vue项目打包

这里说下,我服务器本身就有Nginx服务,所以我只需要将Vue项目进行打包然后上传到服务器,Nginx能访问到即可,并未使用到Docker进行构建

1.1 通过命令打包

进到项目根目录然后执行打包命令

cd 项目根目录

npm run build:prod

file

打包成功后会生成一个目录dist

file

1.2 通过编译器打包

我使用的前端编译器是Webstrom

直接通过软件更加方便

同样的会生成目录dist

1.3 上传到服务器

把该文件夹拷贝到云服务器

我这里上传到/usr/local/src/pre下

file

那么前端路径为/usr/local/src/pre/dist访问的首页为index.html

二. Docker镜像后端项目

构建步骤和上一篇步骤一样

Dockerfile文件

# 基础镜像

FROM java:openjdk-8-jre-alpine

# 维护者信息

MAINTAINER im.lihaodong@gmail.com

#Default to UTF-8 file.encoding

ENV LANG C.UTF-8

#设置alpine时区

ENV TIMEZONE Asia/Shanghai<

最低0.47元/天 解锁文章
殷浩天
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
vue项目gcm加密_GitHub - lisgroup/laravel-vue-admin: Laravel+Vue 实现前后端分离的后台管理系统 https://www.guke1.com/#/...
weixin_39920397的博客
12-21 433
Laravel Vue admin 管理系统项目简介laravel-vue-admin 是一套基于 Vue 全家桶(Vue2.x + Vue-router2.x + Vuex)+ Laravel 的前后端分离框架。 脚手架构建也可以通过 vue 官方的 vue-cli 脚手架工具构建 实现了一般后台所需要的功能模块前后端分离设计，前端代码在 admin 目录，细分为前后台页面；后端代码在 lara...
vue+springboot+nginx跨域问题解决方案
ouyuansz的博客
09-23 1654
最近项目改版，前端使用了vue-elementui-admin模板，后端采用springboot，部署的话是使用nginx代理的；项目中最头痛的问题莫过于开发环境和生产环境的跨域问题了，下面列出我的解决方案： 首先配置vue.config.js文件，这是配置proxy做路径跳转，api和ams分别是项目的别名（注意：这里配置两个项目跳转路径还方便了有多个微服务的项目使用，不同的项目进行不同的配置即可），可以按照自己的喜好取，后面会讲到他们具体用在什么地方 proxy: { '/api': {
vue+springboot前后端分离上传单个文件
weixin_43714266的博客
11-26 1876
vue+springboot前后端分离上传单个文件 vue上传单个文件 第一步：前端页面 //点击按钮，出现弹框 &lt;el-button type="primary" round @click="visible=true"&gt;添加文件&lt;/el-button&gt; //弹框 &lt;el-dialog :visible.sync="visible"&gt; &lt;el
SpringBoot+Vue.js实现前后端分离的文件上传功能
10-18
主要介绍了SpringBoot+Vue.js实现前后端分离的文件上传功能,需要的朋友可以参考下
部署vue+Springboot前后端分离项目的步骤实现
10-15
本文将详细介绍如何部署一个Vue+SpringBoot的前后端分离项目。 首先，我们从单页应用（SPA）的概念开始。SPA是指在浏览器加载初始HTML页面后，所有后续交互都通过Ajax或其他异步技术进行，无需重新加载整个页面。...
Docker部署SpringBoot+Vue前后端分离项目
02-14
前后端项目和配置文件
vue+springboot前后端分离项目实战：豆宝社区
04-22
vue+springboot前后端分离项目实战：豆宝社区 vue+springboot前后端分离项目实战：豆宝社区 vue+springboot前后端分离项目实战：豆宝社区 vue+springboot前后端分离项目实战：豆宝社区 vue+springboot前后端分离项目...
fiscobcos+springboot+vue前后端分离电商项目（简单易懂的区块链入门项目，包含区块链环境部署）
05-29
fiscobcos+springboot+vue前后端分离电商项目（简单易懂的区块链入门项目，包含区块链环境部署，前后端源码，作者联系方式，代码任何问题都可联系作者）。
vue+springboot前后端分离实现单点登录跨域问题解决方法
08-28
Vue+SpringBoot前后端分离实现单点登录跨域问题解决方法 单点登录概述 单点登录（Single Sign-On，SSO）是指用户只需登录一次，即可访问所有相关的应用系统，而不需要在每个系统中重复登录。这种机制可以提高用户...
springboot+vue前后端分离 实现超大文件分块上传
10-22
一个即开即用的大文件上传代码示例，后端为springboot，前段为vue.js+elementui，里面带有sql文件，项目时可以跑通的
前后端分离项目，springboot项目和vue项目部署到Linux服务器（详细步骤、有软件白嫖）-附件资源
03-02
前后端分离项目，springboot项目和vue项目部署到Linux服务器（详细步骤、有软件白嫖）-附件资源
有点东西！Springboot+vue前后端分离快速开发平台-QuickD
01-03
QuickD 快速开发平台 当前最新版本：1.0.0 gitee开源地址： https://gitee.com/quickd/quickd 项目介绍： QuickD是一个前后端分离快速开发平台，是基于 Spring Boot 和 Vue 开发，整合Flowable工作流、Shiro、Redis等，来帮助中小型企业及个人实现敏捷化的应用交付和运营管理，并提供代码生成器、通用前端等业务组件，来帮助开发者聚焦于业务，加速中小型企业数字化转型。 QuickD开发平台 采用前后端分离的模式，前端开源框架：quickd-ui (基于 Vue、Element-UI) 后端采用Springboot+Myba
springboot+vue实现超大文件分片极速上传与下载完整前后端源码
10-15
基于springboot与vue.js开发的前后端分离的超大文件分片上传下载系统，拥有简洁漂亮的界面，实现了G级别文件极速上传下载，断点续传以及秒传功能
JS实现AES-GCM加密，java实现AES-GCM解密。.md
08-23
在工作中会经常遇到密码加密，URL传参要进行加密，在此我参照一个例子将用java实现的AES加解密程序用实例写出。JS实现AES-GCM加密，java实现AES-GCM解密
多文件上传与下载（前端form表单提交后端.net）
weixin_45219973的博客
12-08 657
多文件上传与下载（前端form表单提交后端.net）前端代码后端代码 话不多说，上代码(本案例是在新增或修改某些信息时所弹出界面里上传或下载文档的，故将上传input隐藏了，新增或修改时点确定即会上传)！ 前端代码 ...省略若干代码... <td align="right" class="lbl "> <label class="labelRight required" style="width:100%">文件&nbsp;&nbsp;</label&gt
GCM 推送服务端(nodejs)
Andy Tools
09-29 989
昨天接入苹果APNs推送，今天需要支持GCM端推送，推送服务器都需要在墙外，否者无法连接到GCM服务器，而接受推送服务器的手机app需要有谷歌服务框架，最好待推送手机也在墙外。 同样万能的npm也提供了gcm推送模块。 推送代码： var gcm = require('node-gcm'); var sender = new gcm.Sender('XXXXXXXXXXXXXXXXXXXXXX...
aes128加密算法的GCM工作模式详解
04-09
这个文档是在官方网站上下载的，讲述很详尽，还有很多加密数据的例子，方便验证自己的程序，不过是英文的 这个文档是在官方网站上下载的，讲述很详尽，还有很多加密数据的例子，方便验证自己的程序，不过是英文的
aes-gcm-stream:使用流实现 AES256 GCM 加密和解密的 NodeJS 模块
06-01
aes-gcm-stream 一个没有依赖项的 NodeJS 模块，它使用流实现 AES256 GCM 加密和解密。 该模块需要节点 v.0.12.0+，因为它依赖于其更新的加密库。 安装 可以使用 NPM 将此模块带入您的项目： npm install aes-gcm-stream --save 为什么会有这个模块？ 在 NodeJS 中使用 GCM 模式来处理简单的字符串和缓冲区数据并非易事。 通过将 GCM 加密和解密实现为转换流，可以更轻松地执行复杂任务，例如加密来自子进程（如数据库转储）或文件的数据，同时仍然使用经过身份验证的加密。 什么是经过身份验证的加密，我为什么要关心？ 经过身份验证的加密是一种确保数据机密性和完整性的方法。 使用 GCM，我们可以确定密文没有被篡改，只有拥有密钥的人才能成为作者。 这个模块有什么缺点？ 主要缺点是您在任何时候尝试解密的全部数据都
云服务器Docker部署Vue+SpringBoot前后端分离项目详细教程
最新发布
07-16
当然，我可以为您提供一个详细教程来帮助您部署Vue+SpringBoot前后端分离项目到云服务器上使用Docker。 首先，确保您已经完成以下准备工作： - 注册一个云服务提供商的账号，并创建一个云服务器实例。 - 在本地环境中安装了Docker，并熟悉Docker的基本操作。 - 本地已经安装了Node.js和npm，以及Vue CLI和Java开发环境。 以下是详细的步骤： 1. 登录到云服务器： 使用SSH工具连接到您的云服务器。例如，使用命令行工具执行以下命令： ``` ssh username@server_ip_address ``` 2. 安装Docker： 根据您的云服务器的操作系统，选择对应的安装方式进行Docker安装。以下是一些常见操作系统的安装命令： - Ubuntu: ``` sudo apt-get update sudo apt-get install docker.io ``` - CentOS: ``` sudo yum update sudo yum install docker ``` 3. 验证Docker安装是否成功： 执行以下命令来验证Docker是否已经成功安装： ``` docker version ``` 4. 构建Vue项目： 在本地开发环境中，使用Vue CLI创建Vue项目，并进行开发和测试。确保项目可以正常运行。 ``` vue create myproject cd myproject npm run serve ``` 5. 打包Vue项目： 在Vue项目根目录下执行以下命令，将Vue项目打包成静态文件。 ``` npm run build ``` 6. 创建SpringBoot项目： 使用Spring Initializr创建SpringBoot项目，并进行开发和测试。确保项目可以正常运行。 - 访问Spring Initializr网站：https://start.spring.io/ - 选择项目的基本设置，如使用的编程语言、构建工具、Spring Boot版本等。 - 添加所需的依赖项，如Spring Web、Spring Data JPA等。 - 点击"Generate"按钮下载生成的SpringBoot项目压缩包。 - 解压缩项目压缩包，并使用您喜欢的集成开发环境（IDE）打开项目。 7. 创建Dockerfile： 在SpringBoot项目的根目录下创建一个名为`Dockerfile`的文件，用于定义Docker镜像的构建步骤。在`Dockerfile`中添加以下内容： ``` FROM openjdk:8-jdk-alpine VOLUME /tmp ADD target/myproject.jar app.jar ENTRYPOINT ["java", "-jar", "/app.jar"] ``` 8. 构建Docker镜像： 在SpringBoot项目的根目录下执行以下命令，构建Docker镜像： ``` docker build -t myproject . ``` 9. 运行Docker容器： 执行以下命令，在Docker中运行SpringBoot项目的Docker容器： ``` docker run -d -p 80:8080 myproject ``` 10. 访问应用： 使用浏览器访问您的云服务器的公网IP地址，即可查看部署好的前后端分离项目。 希望这个详细教程能够帮助您成功部署Vue+SpringBoot前后端分离项目到云服务器上使用Docker。如果您有任何问题，请随时提问！
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值