将vue部署在nginx上

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

将vue部署在nginx上相关推荐

acme云服务器生成证书_如何让docker 部署的nginx上通过acme.sh安装ssl/https 证书
本篇文章是教大家如何在docker部署的nginx上通过acme.sh安装ssl/https 证书. 由于文中例子是通过acme.sh的http验证方式生成证书,所以在此之前,必须保证你的网站能通过h ...
最简单的nginx教程 - 如何把一个web应用部署到nginx上
Nginx (engine x) 是一个高性能的HTTP和反向代理服务,也是一个IMAP/POP3/SMTP服务.Nginx是由伊戈尔·赛索耶夫为俄罗斯访问量第二的Rambler.ru站点(俄文:Ра ...
前端代码部署后通过html访问,将前端项目部署到nginx上
1.下载nginx windows 2.windows+R ,cmd进入命令行 3.进入nginx的目录下 4.执行命令start nginx 如果能看到欢迎页面服务器就已经启动了 6.打开conf下 ...
vue部署到线上时，Loading chunk xxx failed 问题
此问题时常会出现在安卓各个机型,还会不定时出现这个问题,但在苹果各PC端都不会出现此问题错误出现原因:安卓中部分内置浏览器对资源文件的加载优化不够,导致资源文件懒加载失败解决方案: 1.看webp ...
uwsgi部署到nginx出现invalid request block size: 4161 (max 4096)...skip问题(亲测)
http://50vip.com/419.html 使用Flask制作一个网页平台之后,登陆使用openid登陆,然后使用uwsgi服务部署到nginx上,运行起来没有什么问题,但是偶尔在登陆的时候出 ...
127.0.0.1 myz.php,在nginx上用FastCGI解析PHP
nginx配置文件: Nginx 默认使用 include enable-php.conf; 通过enable-php.conf 来解析PHP,该文件内容如下 location ~ [^/]\. ...
记录一下CA自签证书如何生成（linux环境下一般为部署到nginx）
首先前端是部署在nginx上的嘛,那你部署https肯定就要证书,这里记录一下如何自签证书 (ps:这是我自己记录的,不是网上随便cv搬的,我自己用是可用的,成功不了看看是不是自己代码输错了) 一.生 ...
在nginx上部署vue项目(history模式)；
在nginx上部署vue项目(history模式): vue-router 默认是hash模式,使用url的hash来模拟一个完整的url,当url改变的时候,页面不会重新加载.但是如果我们不想has ...
在nginx上部署vue项目(history模式)--demo实列；
转载地址:https://www.cnblogs.com/573734817pc/p/11057677.html 在很早之前,我写了一篇关于在nginx上部署vue项目(history模式) 但是 ...

将vue部署在nginx上

将vue部署在nginx上相关推荐

最新文章

热门文章