2022-03-22

6.本地跑项目，这里以公司的miscs项目为基准，用fis3进行打包编译

npm install
npm run dev

在url中输入127.0.0.1:8080或者localhost:8080，浏览项目

7.配置本地域名

vim ~/.bash_profile
alias subl="'/Applications/Sublime Text.app/Contents/SharedSupport/bin/subl'" //添加sublime的命令配置
source ~/.bash_profile //使配置立即生效
subl /etc/hosts

##
# Host Database
#
# localhost is used to configure the loopback interface
# when the system is booting.  Do not change this entry.
##
127.0.0.1   localhost
255.255.255.255 broadcasthost
::1             localhost
127.0.0.1 miscs.bongmi.com
127.0.0.1 fis3.bongmi.com
127.0.0.1 local-asset.bongmi.com
127.0.0.1 local.bongmi.com//添加本地域名配置，按:wq保存推退出

//在这里，作为小白，踩了一个坑，我把端口也写在了里面，写成了127.0.0.1:8080 miscs.bongmi.com
//但是这个文件里不能写上端口号，所以一直不生效
//如果不想每次都在浏览器中输入端口号，就需要配置nginx来节省这一步

现在，可以在浏览器中输入miscs.bongmi.com:8080来预览页面

8.安装并启动nginx

brew install nginx
nginx 或者 sudo nginx

打开浏览器，预览localhost
9.nginx配置

subl /usr/local/etc/nginx/

打开nginx.conf，最底下一行是include servers/*;，打开server文件夹，新建miscs.bongmi.com.conf，配置如下：

server {
    listen 80;
    #listen [::]:80;
    server_name miscs.bongmi.com;
    location / {
        #root   ~/wmf/bongmi/lollypop/lollypop-web/miscs/femometer/;
        #index  index.html index.htm;
        proxy_pass http://127.0.0.1:8080;
    }
}

image.png

10.重启nginx使配置生效

nginx -s reload 或者 sudo nginx -s reload

在浏览器中输入miscs.bongmi.com