将慕课网上springboot微信点餐系统中虚拟机的前端代码部署到自己的电脑上(macos)

在学习springboot微信点餐系统时,因为用到的虚拟机是别人配置好的, 同时也会出现一个问题就是在不再地方使用该虚拟机会出现ip地址不一定的问题, 还需在去每次去改配置文件, 就是DT, 所以想把虚拟中的前端页面放到自己的电脑上, 这样会方便很多

1, 学习过程中的linux的环境配置不多说了,网上有很多, 这里用到了npm
2, 将课程提供的code放到自己服务器的该目录下(此处需要用的不是code下的文件, 而是code编译后的文件)

/opt/data/code

3, 进入sell_fe_buyer目录下, 进行编译, 等待编译完成, 将dist目录下的所有文件拷贝到比如我的目录下 /opt/data/wwwroot/sell

[root@iZ2ze7rz0layh1h4ao1hcaZ code]# cd sell_fe_buyer/
[root@iZ2ze7rz0layh1h4ao1hcaZ sell_fe_buyer]# npm run build

4, 修改nginx的配置文件nginx.conf

        location / {
            root   /opt/data/wwwroot/sell; //静态资源存放的位置，就是上面dist下面文件存放的目录
            index  index.html index.htm; 
        }
        location /sell/ {
            proxy_pass http://127.0.0.1:8080/sell/; //因为项目的一级目录是sell，所以这边加一下
        }

重新加载修改后的配置文件

nginx -s reload

5, 在浏览器输入服务器ip测试结果

和虚拟机返回结果相同, 完成