将vue部署在nginx上

Posted 2021-12-07 coding is interestin

在前面已经讲了如何利用docker安装nginx，现在就将项目部署到上面:
首先通过npm run build打包成dist目录
可以先看一下devServer是如何写的:

devServer:{
        disableHostCheck: true,
        port: 8081,
        proxy:{
            '/showBooks':{
                target:'http://192.168.231.155:8082',
                changeOrigin: true,
                pathRewrite:{'^/showBooks':''},
                ws:false,
            }
        }
    }

配上一个具体的调用:

接下来修改conf.d下的.conf配置文件:

因为我是直接访问ip，还没有买域名，所以选择直接写ip的方式
再来/showBooks配置项的写法要和上面的vue里的写法对应上。
接下来重启容器即可。