开发者社区

文档建议反馈控制台

文章/答案/技术大牛

发布

社区首页 >专栏 >将vue部署在nginx上

将vue部署在nginx上

gzq大数据

发布于 2021-11-10 15:04:56

发布于 2021-11-10 15:04:56

1.8K0

举报

文章被收录于专栏：大数据那些事大数据那些事

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

本文参与腾讯云自媒体同步曝光计划，分享自作者个人站点/博客。

原始发表：2021/11/05 ，如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自作者个人站点/博客前往查看

如有侵权，请联系 cloudcommunity@tencent.com 删除。

本文参与腾讯云自媒体同步曝光计划，欢迎热爱写作的你一起参与！

评论

登录后参与评论

0 条评论

热度

最新