环境搭建-运行前端工程(Nginx)

一、设置域名

对于域名访问是做安全校验的,需要使用域名方式才可进行访问,为了本地环境访问方便,我们需要配置本机的host文件。Windows下找到本机系统盘C:\Windows\System32\drivers\etc\hosts的文件中添加如下内容:

powershell 复制代码
127.0.0.1 bx.app.net
127.0.0.1 bx.mgt.net

二、启动前端

项目的后端管理系统、前台app界面都已经被打包成静态页面。可利用nginx进行部署访问。

将 源码 复制到一个没有中文或空格的路径下;然后打开 文件夹;然后使用命令行启动nginx。

powershell 复制代码
start nginx.exe

三、访问

管理端访问地址:http://bx.mgt.net/

app端访问地址:http://bx.app.net/#/pages/login/login

相关推荐
shjita17 分钟前
maven涉及的配置
java·前端·maven
changshuaihua00123 分钟前
useState 状态管理
开发语言·前端·javascript·react.js
鹏程十八少29 分钟前
6. 2026金三银四 面试官最爱的 Binder:一次拷贝、Activity 启动流程,这篇全搞定
前端·面试·前端框架
知识分享小能手33 分钟前
ECharts入门学习教程,从入门到精通,综合实战——ECharts数据大屏 - 完整知识点(9)
前端·学习·echarts
是吗乔治34 分钟前
vuetify实现excel表格粘贴效果
前端·vue.js·vue·excel
Java后端的Ai之路40 分钟前
React 快速入门到精通教程:从零基础到能写项目
前端·react.js·前端框架
是上好佳佳佳呀41 分钟前
【前端(九)】CSS Transform 2D/3D 变换笔记:分清两个原点,搞懂多重变换
前端·css·笔记
IntMainJhy1 小时前
Flutter flutter_animate 第三方库 动画的鸿蒙化适配与实战指南
nginx·flutter·harmonyos
|晴 天|9 小时前
Vue 3 + TypeScript + Element Plus 博客系统开发总结与思考
前端·vue.js·typescript
猫32810 小时前
v-cloak
前端·javascript·vue.js