精华内容
下载资源
问答
  • jquery easyui window中的datagrid,只能显示一次问题最近项目中用easyui 的动态创建window ,window中嵌入了datagruid.第一次打开是能显示数据,但再次打开时确没显示: 注:url已成功返回了数据. 多次查阅easyui帮助...

    jquery easyui window中的datagrid,只能显示一次问题

    最近项目中用到easyui 的动态创建window ,window中嵌入了datagruid.第一次打开是能显示数据,但再次打开时确没显示: 注:url已成功返回了数据. 多次查阅easyui帮助文档 ...

    安卓学习-- RecyclerView简单入门

    一.加入JAR包 第一感觉这个东东,好复杂,没ListView来的快,方便 在项目中加入android-support-v7-recyclerview.jar包 这个包在extras\android\ ...

    FastJson的简单使用(alibaba)

    原文章:http://blog.csdn.net/glarystar/article/details/6654494 原作者:张星的博客 maven配置: &lt ...

    Java提高学习之Object类详解(1)

    转自:http://www.importnew.com/10304.html 问:什么是Object类? 答:Object类存储在java.lang包中,是所有java类(Object类除外)的终极父 ...

    Linux文件管理下

    文件操作 对于文件,我们可以读取(read),写入(write)和运行(execute).读取是从已经存在的文件中获得数据.写入是向新的文件或者旧的文件写入数据.如果文件储存的是可执行的二进制码,那么 ...

    写给自己看的新手java-环境配置

    环境:win10. 第一步:下载jdk (类似于 net framework ) 环境运行库.地址:http://www.oracle.com/technetwork/java/javase/down ...

    C++ Primer 笔记——拷贝控制

    1.如果构造函数的第一个参数是自身类类型的引用,且任何额外参数都有默认值,则此构造函数是拷贝构造函数.拷贝构造函数的第一个参数必须是引用类型(否则会无限循环的调用拷贝构造函数). 2.如果没有为一个类 ...

    GoogLeNet 解读

    GoogLeNet系列解读 2016年02月25日 15:56:29 shuzfan 阅读数:75639更多 个人分类: 深度学习基础    版权声明:本文为博主原创文章,转载请注明出处 https: ...

    通过hive向写elasticsearch的写如数据

    通过hive向写elasticsearch的写如数据 hive 和 elasticsearch 的整合可以参考官方的文档: ES-hadoop的hive整合 : https://www.elastic ...

    展开全文
  • 大概是脑袋抽抽了吧,某个不那么清醒的下午,对,就是昨天下午,我萌生了想要将之前写的一个vue项目部署到nginx上的这个想法。然后就一发不可收拾地开始bug-debug的过程。现将实现过程遇到的各种错误总结一下,希望...

    大概是脑袋抽抽了吧,某个不那么清醒的下午,对,就是昨天下午,我萌生了想要将之前写的一个vue项目部署到nginx上的这个想法。然后就一发不可收拾地开始bug-debug的过程。现将实现过程遇到的各种错误总结一下,希望看到的童鞋之后可以顺利部署,不要走我那么多弯路~

    正常流程

    1、 vue项目 执行 npm run build ,生成dist文件夹。

    2、 安装nginx,点击这里去往官网:nginx官网

    3、 不同版本(我选的1.20.0稳定版)。在这里插入图片描述
    4、下载并解压到本地,注意,不要放在中文目录下!!!,不然启动都启动不了。安装好的nginx目录文件夹长这样:在这里插入图片描述
    5、针对经常用到的几个文件夹备注下使用说明:

    • nginx.exe ---- 启动nginx命令(永久启动),这个命令启动后,nginx自身不会主动关闭,哪怕你关闭浏览器窗口,关闭电脑。
    • logs ----- 日志文件,这里面可以查看到nginx运行的一些错误日志(error.log),操作日志(access.log),还有一个nginx.pid文件,这个文件是nginx正常启动成功之后会主动生成的一个文件。如果没有这个文件,证明nginx都没有成功启动。
    • conf ----- 配置文件夹,一般我们可能会操作这个文件夹下的nginx.config文件。这个文件里可以修改监听的端口号、配置代理等等。
    • html ----- 放打包好的项目dist文件夹的地方。nginx启动会默认从这个文件夹里面找到index.html启动。刚下载好的nginx这个文件夹里有默认的html文件,打开后可以看到welcome nginx欢迎页面。我这里是直接删除了的。

    6、 dist文件夹下所有的文件复制到html文件夹下。看网上的教程,说直接整个dist文件夹放进来也可以正常从浏览器80端口打开,但是我没试过,大家可以试试。

    7、 双击nginx.exe,看到有个黑窗口一闪而过,别慌着去百度,可能你的nginx已经启动了,验证方法为:打开localhost:8080端口,如果页面正常显示了,那就说明进程已经启动。

    bug调试

    1、我初次尝试启动nginx之后,因为一闪而过,以为启动失败,百度了解决方案说的是,80端口被占用,我就去修改nginx.config文件配置,将默认的80端口替换成了8888:
    在这里插入图片描述

    然后再双击启动,这个时候打开页面,倒是正常可以访问了,但是,输入用户名密码点击登录的时候,马上报错,提示我跨域了。反复修改默认端口,点击nginx.exe启动,再输入密码登录操作。无果。我就很纳闷,这个项目,后端是做了跨域的配置的,按理说不应该出现这个错误,又尝试配置了vue proxy代理,还是没用,依旧报跨域错误。一直各种百度,中间看到有个网友的回答:nginx.exe多次双击,会多次启动,相当于其实上面的操作开了很多个nginx进程。然后尝试nginx -s -reload命令来重新启动,又报了一堆看不懂的错误,哈哈哈哈哈。查看错误日志,一堆报错。
    在这里插入图片描述
    注意最后这句话:referrer: “http://localhost:8080/” 建议端口8080。脑袋一灵光,可能真的是因为开了多个进程吧,前后设置过8888,9000,9999等。然后管理员身份从nginx安装目录打开,执行杀死进程操作:taskkill / f / t /im nginx.exe(请注意,f和t前面的空格不能丢!)
    在这里插入图片描述
    好家伙,真的,开了好多个!
    终止了所有进程后,再在此处,输入常规启动命令:start nginx
    终于,终于,终于,页面能正常打开,并且可以正常访问后端,拿到数据了,流下幸福的泪水…
    在这里插入图片描述

    2、有好多小伙伴可能和我一样,除了以上报错,还有nginx正常打开页面之后,出现页面空白的情况,这里,我也反复查找了很多资料,确认是因为prod生产环境下,打包的入口文件路径错误导致。这里可以在vue.config.js文件中,配置publicPath。如果是生产环境,打包,项目入口路径应该是./而不是/。

    publicPath: process.env.NODE_ENV === 'production' ? './' : '',
    

    3、好像还有因为路由模式设置为history导致的页面空白,我这个项目因为用的是hash模式,所以倒没有遇到这个问题,遇到了的童鞋,就请自行百度咯,百度上有很多处理这个的解决方式。

    附:【nginx常用命令】(以下命令都需要通过管理员身份打开cmd命令窗口进行操作哦)

    • 验证配置是否正确:nginx -t
    • 查看nginx的版本号:nginx -V
    • 启动nginx:start nginx / 双击nginx.exe(慎用)
    • 快速停止或关闭nginx:nginx -s stop
    • 正常停止或关闭nginx:nginx -s quit
    • 配置文件修改重装载命令:nginx -s reload

    附:从任意路径处迅速打开cmd命令窗口方法:
    记事本新建文件,复制以下代码,点击保存文件命名为:manage_permission.reg(配置原博文:https://blog.csdn.net/weixin_42871989/article/details/93198591)

    Windows Registry Editor Version 5.00
    
    [HKEY_CLASSES_ROOT\Directory\Background\shell\runas]
    @="@shell32.dll,-8506"
    "HasLUAShield"=""
    "Extended"=""
    
    [HKEY_CLASSES_ROOT\Directory\Background\shell\runas\command]
    @="cmd.exe /s /k pushd \"%V\""
    
    [HKEY_CLASSES_ROOT\Directory\shell\runas]
    @="@shell32.dll,-8506"
    "NoWorkingDirectory"=""
    "HasLUAShield"=""
    "Extended"=""
    
    [HKEY_CLASSES_ROOT\Directory\shell\runas\Command]
    @="cmd.exe /s /k pushd \"%V\""
    "IsolatedCommand"="cmd.exe /c takeown /f \"%1\" /r /d y && icacls \"%1\" /grant administrators:F /t"
    
    [HKEY_CLASSES_ROOT\Drive\shell\runas]
    @="@shell32.dll,-8506"
    "HasLUAShield"=""
    "Extended"=""
    
    [HKEY_CLASSES_ROOT\Drive\shell\runas\command]
    @="cmd.exe /s /k pushd \"%V\""
    

    找到存储该文件的地方,双击运行。之后即可在任意路径处shift+右键访问命令窗口啦
    在这里插入图片描述

    over。

    展开全文
  • vue打包部署nginx

    千次阅读 2019-06-10 21:50:38
    在虚拟机centos7开发vue,然后打包win7,先安装nginx,在nginx for window可以下载最新版,解压nginx-1.17.0,文件夹名称改为nginx 1方法可以点击nginx.exe启动 2方法可以在cmd里 启动时会突然弹出个小黑屏...

    在虚拟机centos7开发vue,然后打包到win7,先安装nginx,在nginx for window可以下载最新版,解压nginx-1.17.0,文件夹名称改为nginx

    1方法可以点击nginx.exe启动

    2方法可以在cmd里

    启动时会突然弹出个小黑屏,就消失了,表示启动成功了

    可以conf看到默认的端口和localhost,我改成88

    打开浏览器

    nginx其他命令

    start nginx            开启nginx

    nginx -s stop         快速关闭Nginx,可能不保存相关信息,并迅速终止web服务。
    nginx -s quit         平稳关闭Nginx,保存相关信息,有安排的结束web服务。
    nginx -s reload      因改变了Nginx相关配置,需要重新加载配置而重载。
    nginx -s reopen     重新打开日志文件。
    nginx -c filename   为 Nginx 指定一个配置文件,来代替缺省的。
    nginx -t         不运行,而仅仅测试配置文件。nginx 将检查配置文件的语法的正确性,并尝试打开配置文件中所引用到的文件。
    nginx -v         显示 nginx 的版本。

    然后部署vue项目,在D下存放打包好的dist文件

    在nginx.conf加入下面,可以跨域访问远程服务器的数据

    在浏览器输入http://localhost:8888/就成功了

    至于apache部署vue项目 参考网上的貌似不行,继续加油~

     

    但是当按下F5或者刷新页面时就出现如下404错误 
    这里写图片描述

    解决方法 

    try_files $uri $uri/ /index.html last;

     

     

     

     

     

    展开全文
  • vue项目部署到Nginx中遇到的两个问题 经过查阅,成功解决问题。 部署到服务器Element UI图标不显示的问题 原因:查看 /build/webpack.base.conf.js 文件,可以发现woff 或 ttf 这些字体会经由 url-loader 处理...

    将vue项目部署到Nginx中遇到的两个问题

    经过查阅,成功解决问题。

    1. 部署到服务器后Element UI图标不显示的问题
      原因:查看 /build/webpack.base.conf.js 文件,可以发现woff 或 ttf 这些字体会经由 url-loader 处理后在 static/fonts 目录下生成相应的文件。
      在这里插入图片描述
      实际应通过 /static/fonts/** 路径来获取字体图标,可实际却是请求 /static/css/static/fonts/**,所以报了404 错误。
      解决方法:
      打开 build/utils.js 文件,在如下位置添加 publicPath: ‘…/…/’
      修改完毕后重新 build 发布,可以发现图标已经可以正常显示了。
      转载原文链接:https://www.hangge.com/blog/cache/detail_2473.html

    2. 如何部署到Nginx,使得能访问到vue项目。
      第一步:打包vue项目,生成dist文件。
      第二步:将dist文件放进Linux系统的一个文件夹中。
      第三步:修改Nginx配置文件,代码如下:

    location / {
                #root   html;
    	    root /home/apps/vuecliprj/dist;//指向dist文件的路径
    	    #try_files $uri $uri/ @router;
                #index  index.html index.htm;
    	    index index.html;//指向dist文件里的index.html网页
                add_header Access-Control-Allow-Origin *;//跨域设置
            }
     
    
    		第四步:重启Nginx服务器。
    		第五步:通过你的域名端口号进行访问vue项目。
    
    展开全文
  • 部署nginx上的vue如何才能取后台的接口数据呢? 基本介绍: (1)项目采用完全的前后端分离开发与部署; (2)前端采用vue,后端采用springboot开发; (3)前端部署nginx上,后端部署在websphere服务器上。 假设...
  • 需要以网络图片形式加载 this.getRequest( "/video/page?current=" + this.currentPage + "&size=" + this.pageSize + "&name="+this.keywords ).then((resp) => { this.tableLoading = false;...
  • 在开发环境中,使用的是在vue.config.js中配置devServer的方法解决的跨域,但是打包部署到服务器上,发现还是无法访问服务端数据,后面查阅资料发现vue.config.js在打包会失效,所以得在Nginx上配置反向代理实现...
  • 首先还是直接上操作的过程,具体的docekr的安装教程很简单,而且按照官方的 docker安装详情 即可完成安装,一般问题不大。...在此之前你应该先去部署好tomcat容器,因为需要一个tomcat容器的IP地址来...
  • 我的项目前后端分离部署,后台已经配置过cors,但前端访问静态页面没有问题,一旦发请求访问后台服务器时就出现跨域 如何解决,有大佬帮忙吗? 1.前端访问时: 前端项目部署准备用nginx跨域 配置为: ...
  • [img=... 如图,看最后一个动作,他是请求本地登录接口的,接口返回数据后,本该跳转的,却无任何动作。 ps:它如果请求线上的登录接口,便能够实现跳转。
  • 在OpenResty中,每个 woker 使用一个 LuaVM,当请求被分配 woker 时,将在这个 LuaVM 里创建一个 coroutine(协程)。协程之间数据隔离,每个协程具有独立的全局变量_G。OpenResty致力于将服务器应用完全运行与nginx...
  • 文章目录 修改config/index.js文件 productionSourceMap:...在nginx.conf文件种添加如下配置 gzip on; gzip_min_length 1k; gzip_buffers 4 16k; #gzip_http_version 1.0; gzip_comp_level 8; gzip_types ...
  • 不知道怎么安装Docker可以看我之前的博文:使用Jenkins+Pipeline+Docker将Spring Boot应用部署到Tomcat 安装Jenkins 这里安装Jenkins跟之前安装jenkins有一些区别。因为我们的Jenkins现在是安装在docker容器里面的。...
  • 众所周知,我们在做前后端分离项目的时候,经常需要在本地起前端工程,接口希望拉取服务端的实际数据而不是本地的mock数据,而如果本地程序直接访问远程接口, 肯定会遇到跨域问题。 什么是跨域?实现跨域的多种方式? ...
  • vue.js前端项目部署到nginx服务器

    千次阅读 2018-06-22 12:03:04
    注: 本文选择了nginx做web服务器。因为在本文vue前端项目中,需要从接口获取数据,可是数据vue前端项目是在同一ip地址但不同端口号,所以需要跨域读取数据。本文的跨域处理是使用了ng...
  • 部署到服务器,提示以下错误: GET http:/static/css/static/fonts/element-icons.535877f.woff net::ERR_ABORTED 404 (Not Found)2、原因 路径问题,开发环境系统会自动配置,而部署环境可能需要用户干预;3、解决...
  • 文章目录Vue+Django+Nginx+uWSGI部署生产环境#0 环境#1 需求分析#2 前提条件#3 开始#3.1 部署Django#3.1.1 后端大致流程#3.2 部署Vue Vue+Django+Nginx+uWSGI部署生产环境 #0 环境 CentOS6.8 Python3.7.3 uWSGI==...
  • vue项目部署nginx&踩坑记

    千次阅读 2019-10-31 17:56:49
    版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。...在本地吭哧吭哧的写了两个星期,终于了需要部署到服务器供测试的时候了!! 初始的设想是部署到tomcat,放在...
  • vue应用在nginx非根目录下的部署

    千次阅读 2020-05-05 14:05:14
    一般部署node-moudle的vue应用在nginx上,直接将dist中打包好的文件部署在根目录'/'下并写好路由就可以正常运转了,但是非根目录下还要对webpack的打包路径、静态资源路径做一些修改,要不然服务器就找不文件了= =...
  • **使用VUE开发完成可以通过 npm run build 进行打包,默认情况下VUE的开发环境中的代理不会进行打包 如果打包出现页面空白可以修改config/index.js文件assetsPublicPath 路径,默认情况该配置是“/”,打包...
  • 1、vue 项目打包,在控制台输入 npm run build 等待打包结束可在项目的同级目录下得到打包文件夹 dist,中包含了我们要部署的 index.html 文件 2、将下载好的 nginx 压缩包解压,在文件夹地址栏输入 cmd 回车...
  • vueCli3.0发布到nginxvue项目部署

    千次阅读 2019-03-02 12:38:42
    1、nginx部分 nginx.conf配置文件 #user nobody; worker_processes auto; #error_log logs/error.log; #error_log logs/error.log notice; #error_log logs/error.log info; #pid logs/nginx.pid; event...
  • <p style="text-align:center"><img alt="" src=...<p>nginx为https页面,boot接口是http接口,和这个有关系吗?如果有关系,应该如何解决这个问题呢?</p>
  • 相比之下,部署 Vue.js 项目需要自己配置 web 服务器。 web 服务器可以用 apache、Nginx等。 apt & yum yum 是fedora/RHEL/CentOS的软件包管理器。 debian/ubuntu 用的是apt-get 或者apt 作为软件包管理器。...
  • 前后端分离部署+登陆权限认证 ...权限登录配置三、Nginx部署项目1.项目打包2.nginx配置信息四、页面展示总结 前言 实现功能: 1、用户登录及token验证; 2、在未登录时跳转登录页面 ; 3、通过nginx实现前
  • vue + express + nginx 部署

    2020-06-03 21:22:55
    采用的技术栈为vue-cli+express+nginx。本地环境为win10,服务器为华为云Ubuntu。在代码编写部分并未遇到太大的问题,然而在部署到服务器上时,发现前后端无法交互。 网上随处可见部署过程中的技术细节。但却缺少对...
  • 保证Django、DRF、Vuecli在本地都可以运行,并且可以通信 打包Vuecli项目:npm run build 把dist文件拷贝服务器磁盘上 Django项目: 整个项目拷贝服务器磁盘上 CentOS7 下载安装Nginx 打开 /etc/nginx/nginx....
  • 问题描述:部署好项目用地址+端口直接打开项目,加载首页地址http://127.0.0.1:1888/home,当页面刷新的时候报错404,感觉是vue路由没有生效。本人新手,就找了找网上的办法,修改nginx配置文件问题解决,如下:...
  • Vue 项目在 build 之后通常都需要部署到服务器才能够访问,本文介绍如果使用 Nginx 部署 Vue 项目 更多精彩 更多技术博客,请移步 IT人才终生实训与职业进阶平台 - 实训在线 首先需要说明可能存在的误区 ...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 6,057
精华内容 2,422
关键字:

vue部署到nginx后没有数据

vue 订阅