公司网站建设费入哪个科目,工信部备案网站查询,景区网站建设的目标定位,网站地图生成工具目录 前言
一、虚拟机部署项目的流程
二、单机项目
1. 本机测试
2.虚拟机部署项目
三、前后端分离项目 前言
在软件开发过程中#xff0c;部署和发布项目是非常重要的一环。使用虚拟机技术可以方便、灵活且可重复使用地部署和发布项目。本篇博客将介绍如何在 Windows 环…目录 前言
一、虚拟机部署项目的流程
二、单机项目
1. 本机测试
2.虚拟机部署项目
三、前后端分离项目 前言
在软件开发过程中部署和发布项目是非常重要的一环。使用虚拟机技术可以方便、灵活且可重复使用地部署和发布项目。本篇博客将介绍如何在 Windows 环境下使用虚拟机来部署和发布 Linux 项目。
一、虚拟机部署项目的流程
前四布流程可查看该博客安装虚拟机VMware保姆级教程及配置虚拟网络编辑器和安装WindowsServer以及宿主机访问虚拟机和配置服务器环境 1.准备工作 首先需要下载和安装虚拟机软件。常见的虚拟机软件包括 VMware Workstation、Oracle VirtualBox 等。其次需要获取所需的 Linux 操作系统镜像文件。可以从官方网站或其他可信来源下载。 2.创建虚拟机 使用虚拟机软件创建一个新的虚拟机实例。在创建虚拟机时需要配置虚拟机的硬件设置如内存、处理器等。接下来需要安装 Linux 操作系统并进行基本配置。 3.配置网络 设置虚拟机的网络连接方式如桥接模式或 NAT 模式。桥接模式可以让虚拟机直接连接到物理网络而 NAT 模式则可以让虚拟机通过主机来访问外部网络。配置网络参数如 IP 地址、子网掩码等。 4.安装 Linux 软件 下载和安装所需的 Linux 软件如 Apache、MySQL、jdk等。可以使用包管理器来安装软件。 5.导入和配置项目 将 Linux 项目导入到虚拟机中。需要配置项目的依赖项、数据库连接等。可以使用编辑器或命令行工具来进行配置。 6.运行和测试项目 在虚拟机中启动应用服务器如 Apache、Tomcat 等。部署项目并启动应用。使用浏览器访问项目并进行功能测试。 7.备份和复制虚拟机 学习如何备份和复制虚拟机以供后续使用或共享给他人。可以使用虚拟机软件提供的快照功能来进行备份和复制。 二、单机项目
拿到开发完的项目之后进行解压最起码会有如下图几个文件 : 1. 本机测试
在本机中将SQL文件导入测试是否有问题 将开发完项目的war复制到主机的tomcat下的webapps目录中 在tomcat的bin目录下找到startup.bat文件双击进行启动tomcat 运行好之后在浏览器输入地址进行访问如果运行成功则代表项目本身是没有问题 2.虚拟机部署项目
将项目共享到虚拟机 解压并将war包放入tomcat下的webapps中 到主机数据库中找到连接了虚拟机的数据库创建与单机项目中的数据库名称一样的数据库并且将数据库脚本导入到数据库中。 运行tomcat并查看该项目的数据库配置 在主机的浏览器中进行访问虚拟机中部署的项目访问的请求地址中需要增加虚拟机的IP可以进行访问说明完成部署。 三、前后端分离项目
这里本机测试就不带大家一步步测试了都差不多也非常简单接下来我们将继续介绍如何通过虚拟机去部署前后端分离项目
解压并将war包放入tomcat 运行tomcat并查看该项目的数据库配置 导入我们的数据库脚本 配置node.js环境 解压 将文件解压到指定位置(例如C:\software\NodeJS)并在解压后的目录下建立node_global和node_cache这两个目录 注新建目录说明 node_globalnpm全局安装位置 node_cachenpm缓存路径 配置环境变量 新增NODE_HOME 修改PATH并在最后添加;%NODE_HOME%;%NODE_HOME%\node_global; 测试安装是否成功打开cmd窗口输出如下命令 node -v 输出NodeJs版本号 npm -v 输出npm的版本号 配置npm全局模块路径和cache默认安装位置 打开cmd分开执行如下命令 npm config set cache D:\software\NodeJS\node-v10.15.3-win-x64\node-v10.15.3-win-x64\node_cache npm config set prefix D:\software\NodeJS\node-v10.15.3-win-x64\node-v10.15.3-win-x64\node_global 注1将步骤一创建的node_global(npm全局安装位置)和node_cache(npm缓存路径)与npm联系起来 注2如果执行命令卡死可以删除C:\Users\用户名\.npmrc 后重新执行。用户名为当前电脑的用户名 注3D:\software\NodeJS\node-v10.15.3-win-x64\node-v10.15.3-win-x64\node_global双引号不能少 修改npm镜像提高下载速度 可以使用 cnpm 或 直接设置 --registry 推荐设置 --registry --registry 设置淘宝源 npm config set registry https://registry.npm.taobao.org/ 查看源可以看到设置过的所有的源 npm config get registry 注1其实此步骤的内容就是将以下代码添加到C:\Users\用户名\.npmrc文件中 registryhttps://registry.npm.taobao.org cnpm npm install -g cnpm --registryhttps://registry.npm.taobao.org 注1cnpm安装完成后以后就可以用cnpm命令代替npm命令, 此时npm还是会用官方镜像cnpm会用国内镜像 注2如果要恢复成原来的设置执行如下 npm config set registry https://registry.npmjs.org/ 验证安装结果 1 版本验证 node -v npm -v 2 查看淘宝镜像设置情况 npm get registry 3 查看npm全局路径设置情况 此步骤随便全局安装一个模块就可以测评 npm install webpack -g 以上命令执行完毕后会生成如下文件 %node_home%\node_global\node_modules\webpack 注意下载过程中出现warn不用管出现Error删掉下载的破碎文件重新下载 如何运行下载的Node.js项目 将下载的项目解压到指定目录本例是解压到C:\Users\86155\Desktop\pro\nmgwap-vueproject-master\vueproject 直接输入cmd进入 再输入npm i 我们的模块就在下载了注意这里必须要联网 命令执行完后你会发现项目的根目录下多了一个node_modules文件夹 那里面就是从npm远程库里下载的模块然后“安装”到你的项目中 此步骤可理解成修改maven的pom文件添加依赖然后maven再从中央仓库下载依赖 那pom文件在哪里呢其实就是项目中的package.json 执行命令npm run dev就可以启动项目了 运行项目 前后端分离的项目如果直接这么访问就会访问不到只有虚拟机自己才可访问。
以下我提供两种解决方案
1.解决spa项目宿主机访问
使用nginx反代理工具
进入nginx下的conf文件夹下的nginx.conf文件进行配置代理url 在nginx根目录下输入cmd进入命令窗口输入 nginx.exe -s reload重启 接下来我们就可以访问啦 解决spa项目宿主机访问
在spa项目中找到config文件下的index.js将localhost改为0.0.0.0 http://192.168.137.128:8081/也可以进行访问
