首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >将vue部署在nginx上

将vue部署在nginx上

作者头像
gzq大数据
发布2021-11-10 15:04:56
1.4K0
发布2021-11-10 15:04:56
举报
文章被收录于专栏:大数据那些事大数据那些事

在前面已经讲了如何利用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 条评论
热度
最新
推荐阅读
相关产品与服务
容器服务
腾讯云容器服务(Tencent Kubernetes Engine, TKE)基于原生 kubernetes 提供以容器为核心的、高度可扩展的高性能容器管理服务,覆盖 Serverless、边缘计算、分布式云等多种业务部署场景,业内首创单个集群兼容多种计算节点的容器资源管理模式。同时产品作为云原生 Finops 领先布道者,主导开源项目Crane,全面助力客户实现资源优化、成本控制。
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档