将VUE项目部署到服务器 nginx代理配置

1.npm run bulid

刚开始bulid出来的dist里面的界面打开是空白的

原因是vue.config.js 没有相关的配置

于是在网上找了配置文件抄了进去

最重要是要配那个path！写的是部署的服务器的域名，后面再把相关的代码put上来。

2.nginx配置

由于我的服务器里不知道为啥有两个nginx压缩包，正确的应该是usr/local/niginx 里面的配置文件。

要在里面配置listen 80

然后代理到dist目录

配置好要重启nginx
问题：中级出现几次unexpecked｝

原因是！某行缺少；｝前面一定是；！

问题：nginx.pid no such file or directory

要先修改nignx.conf里的pid配置，手动创建配置的目录的文件夹！

最后还是部署成功了

因为代理的是80输入服务器域名就能访问到了！

但有一个bug是！

打开里面的element- plus组件出错了

显示的样式是错误的

在网上搜了一下，说什么main.js 里element要在router后面引用，但是我的文件确实已经是那样的了，这个问题后面再解决吧。考虑要换成uni- app，然后组件库换成更适配移动端的吧

将VUE项目部署到服务器 nginx代理配置相关推荐

Vue项目部署到服务器(ubuntu)
Vue项目部署到服务器(ubuntu) 工具:WinSCP.PuTTy(可能不是专业的工具,是本人上操作系统的课用到的软件,直接用来部署了) 打包项目,npm run build 执行npm run ...
vue项目部署到服务器后浏览器标签上的小图标消失不见
背景: 最近在开发项目过程中发现一个问题,项目部署到服务器后在浏览器打开,会发现浏览器标签上的小图标消失不见了.百度查找问题,网上给出了许多解决的方案,例如清除浏览器缓存.把图标的相对路径改成绝对路径 ...
多个 VUE 前端工程部署设置、nginx 代理配置
前些天发现了一个巨牛的人工智能学习网站,通俗易懂,风趣幽默,忍不住分享一下给大家.点击跳转到教程. PS:早期我只有一个 VUE 前端工程:gentle-vue ,加一个 java 后端工程:gen ...
vue项目部署到服务器打不开,Vue 项目部署到服务器的问题解决方法_盂希_前端开发者...
相信很多小伙伴在用开发的时候,在如何打包基于如何部署将打包出来的但有时候,我们会直接将dist文件扔到服务端出现的问题打包到服务器后,出现打包到服务器后,出现空白页的问题打包到服务器 ...
vue脚手架做的项目如何放在服务端,vue项目部署到服务器
在项目目录下(如:e:\workspace\taobao)运行 npm run build即可,完成后,就会在项目目录下有多一个dist目录,把dist下的内容就可以放在web服务器上了. 哈哈,完了 ...
vue项目部署，自动清除缓存配置
清除文件缓存 1.index.html 文件添加 http-equiv(http 响应头) 通过在head标签中添加meta,当浏览器访问index.html时,会向服务器重新请求静态资源.该方法了解 ...
将springboot项目和vue项目部署到windows 2016 server（服务器）
将springboot项目和vue项目部署到服务器 1.服务器环境配置 1.1 服务器需要安装的环境 1.2 服务器需要配置的入站与进站规则 2.springboot项目的打包 2.1 springb ...
vue项目部署到子路径下需要更改的设置
vue项目部署到服务器上会默认为例如ROOT的文件夹下,这样会直接访问改文件夹下的index.html文件. 假如现在有需求是把项目放到某一个子路径下,如果不更改设置会出现资源不加载,引用js文件找不 ...
西安阿里云代理商：vue项目部署到阿里云服务器(windows)Nginx代理
西安阿里云代理商:聚搜云是上海聚搜信息技术有限公司旗下品牌,坐落于魔都上海,服务于全球.2019年成为阿里云代理商生态合作伙伴.与阿里云代理商.腾讯云.西部数码.美橙互联.聚搜云,长期战略合作的计划 ...

将VUE项目部署到服务器 nginx代理配置

将VUE项目部署到服务器 nginx代理配置相关推荐

最新文章

热门文章