在前面已经讲了如何利用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里的写法对应上。
接下来重启容器即可。

Logo

前往低代码交流专区

更多推荐