局域网中部署 web 项目

代码获取

局域网中部署 MessageWall 项目

查看本主机的 IP 地址

在 cmd 中运行下面的命令

ipconfig

看 无线局域网适配器 WLAN - IPV4 地址 : 10.114.165.189

前端修改

1. 修改前端访问的 baseURL 的IP地址

2. 使用 npm 重新打包项目
3. 将重新打包生成dist下的所有文件, 复杂到 nginx目录下的 html中, 要先将 nginx/html 的文件都删除掉

后端关键配置

后端要做到以下配置, 不然会存在跨域访问报错的问题!

application.yml

需要添加server.address配置

server:
  address: 0.0.0.0

默认只是监听 127.0.0.1 的 TCP 连接

src/config

spring 全局配置, 指定可以跨域访问的 IP 地址

import org.springframework.context.annotation.Bean;
import org.springframework.context.annotation.Configuration;
import org.springframework.web.servlet.config.annotation.CorsRegistry;
import org.springframework.web.servlet.config.annotation.WebMvcConfigurer;

@Configuration
public class WebConfig implements WebMvcConfigurer {

    @Bean
    public WebMvcConfigurer corsConfigurer() {
        return new WebMvcConfigurer() {
            @Override
            public void addCorsMappings(CorsRegistry registry) {
                registry.addMapping("/**")
                        .allowedOriginPatterns("*") // 这个表示所有的IP地址都可以处理
                        .allowedMethods("GET", "POST", "PUT", "DELETE", "OPTIONS")
                        .allowedHeaders("*")
                        .allowCredentials(true);
            }
        };
    }
}

访问

1. 其他设备要在同一个局域网下, 如都连接同一个 WiFi
2. 访问: http://电脑主机IP:90/ 例如: http://10.114.165.189:90/

---

至此部署完成

WiFi
2. 访问: http://电脑主机IP:90/ 例如: http://10.114.165.189:90/

---

至此部署完成