[Java知识库] Java网络商城项目 SpringBoot+SpringCloud+Vue 网络商城（SSM前后端分离项目）十二（门户页面，商城首页）

开发: C++知识库 Java知识库 JavaScript Python PHP知识库人工智能区块链大数据移动开发嵌入式开发工具数据结构与算法开发测试游戏开发网络协议系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑笔记本显卡显示器固态硬盘硬盘耳机手机 iphone vivo oppo 小米华为单反装机图拉丁

-> Java知识库 -> Java网络商城项目 SpringBoot+SpringCloud+Vue 网络商城（SSM前后端分离项目）十二（门户页面，商城首页） -> 正文阅读

[Java知识库]Java网络商城项目 SpringBoot+SpringCloud+Vue 网络商城（SSM前后端分离项目）十二（门户页面，商城首页）

一、商城门户页面的搭建

1、引入门户页面

（1）解压下载

https://download.csdn.net/download/qq_44757034/21094703

放在其他页面项目的傍边用IDEA打开项目
在这里插入图片描述

（2）安装和运行参数

没有webpack，我们就无法使用webpack-dev-server运行这个项目，实现热部署。

所以，这里我们使用另外一种热部署方式：live-server，
地址；https://www.npmjs.com/package/live-server
在这里插入图片描述

这是一款带有热加载功能的小型开发服务器。用它来展示你的HTML / JavaScript / CSS，但不能用于部署最终的网站。

安装，使用npm命令即可，这里建议全局安装，以后任意位置可用

npm install -g live-server

在这里插入图片描述
运行

 live-server

在这里插入图片描述
http://127.0.0.1:8080/

在这里插入图片描述

（3）使用域名访问

1）设置新的端口号：

live-server --port=9002

在这里插入图片描述

2）配置nginx服务器

在nginx当中的nginx.conf当中

server {
        listen       80;
        server_name  www.leyou.com;

        proxy_set_header X-Forwarded-Host $host;
		proxy_set_header X-Forwarded-Server $host;
		proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;


        location / {
            proxy_pass http://127.0.0.1:9002; #主机地址 下的9001端口
            proxy_connect_timeout 600;
			proxy_read_timeout 600;
        }

}