vue-cli打包之后的项目在nginx的部署

vue-cli执行

npm run build

进行打包,生成dist文件夹,把该文件夹下的文件直接复制到nginx服务器目录下,就可打开项目,但是只有首页是可以看到的,再刷新一下就404了,原因是vue的项目为单页应用,路由找不到所致。所以要在nginx服务器配置对所有的路径或者文件夹进行跳转。重定向到首页index下,这样就都能找到路由了。

 location / {try_files $uri $uri/ @router;index index.html;}location @router {rewrite ^.*$ /index.html last;
}

或者:

location / {try_files $uri $uri/ /index.html;
}

注意在配置文件中写的时候,这个是在 sever{}中。

 

try_files指令

语法:try_files file ... uri 或 try_files file ... = code
默认值:无
作用域:server location

其作用是按顺序检查文件是否存在,返回第一个找到的文件或文件夹(结尾加斜线表示为文件夹),如果所有的文件或文件夹都找不到,会进行一个内部重定向到最后一个参数。

需要注意的是,只有最后一个参数可以引起一个内部重定向,之前的参数只设置内部URI的指向。最后一个参数是回退URI且必须存在,否则会出现内部500错误。命名的location也可以使用在最后一个参数中。与rewrite指令不同,如果回退URI不是命名的location那么$args不会自动保留,如果你想保留$args,则必须明确声明。

location指令

语法:location [=|~|~*|^~|@] /uri/ { … }
默认值:无
作用域:server

location指令是用来为匹配的URI进行配置,URI即语法中的"/uri/",可以是字符串或正则表达式。但如果要使用正则表达式,则必须指定前缀。 [@] 即是命名location,一般只用于内部重定向请求。

 

参考:https://www.zhihu.com/question/46630687

http://www.cnblogs.com/kevingrace/p/6126762.html

http://luokr.com/p/14

 


更多专业前端知识,请上 【猿2048】www.mk2048.com

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/365785.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

了解位图

几周前,我和Alistair一起研究了用于对Neo4j数据库中节点已附加到其上的标签进行建模的代码。 这种工作方式是将32个节点ID的块表示为每个标签的32位位图 ,其中位1表示节点具有标签,而0表示没有标签。 例如,假设我们有节点ID 0-3…

centos7输入法,非root用户无法使用

背景: 1. centos7安装完了输入法之后,root账号能正常使用,但是非root账号始终无法使用中文 解决方案:   1. 登录非root账号,编译家目录的隐藏文件.bash_profile  export GTK_IM_MODULEibus  export XMODIFIERSim…

服务器旧图片维护,图片服务器

注意:AKCMS已于2019年12月27日宣布停止更新,此文档仅供老用户参考,不建议新用户选择AKCMS建站。注意:AKCMS6.1.2已取消授权机制,文档中关于授权、服务、技术支持等的内容均已失效。3.9.4版本起,增加了图床功…

各种说明方法的答题格式_语文万能答题公式,给孩子收藏吧!

1、某句话在文中的作用1、文首:开篇点题;渲染气氛(散文),埋下伏笔(记叙类文章),设置悬念(小说),为下文作辅垫;总领下文;2、文中:承上启下;总领下文;总结上文&…

pr文字转语音有插件吗_文字转语音软件深度解析

网络时代的迅猛发展,丰富了我们的眼见,便利了我们的生活,升华了我们的素养。那你知道近年来配音行业的迅速崛起吗?视频配音,广告配音,小视频配音等等,其实配音处处都陪伴在我们身边,…

装饰图案

装饰图案 我不经常使用的一种设计模式是Decorator 。 我不确定为什么这种模式不受欢迎,因为它很方便。 装饰器模式允许以受控方式向对象添加功能。 即使在使用静态类型的语言时,也可以在运行时运行! 装饰器模式是子类的替代方法。 子类化在编…

Webpack - 自学笔记

webpack 4第1课 概念1 模块化工具 构建工具 打包工具2 webpack把所有的东西打包成js文件,压缩图片,把sass生成css,3 热加载4 自己有服务器第2课 安装1 先安装NodeJS node --version2 换成淘宝镜像 npm install -g cnpm --registryhttps://registry.np…

Neural Networks

神经网络能够使用torch.nn包构建神经网络。 现在你已经对autogard有了初步的了解,nn基于autograd来定义模型并进行微分。一个nn.Module包含层,和一个forward(input)方法并返回output。 以如下分类数字图片的网络所示: 这是一个简单的前馈网络…

文件服务器磁盘配额管理,Windows2008 (FSRM)文件服务器资源管理器网站文件夹磁盘配额管理...

在windows server里提供了一个功能强大的管理工具,就是文件服务器资源管理器。简称FSRM(File Server Resource Manager)通过此工具,可能对网站进去配额以及相关服务。我们通过使用FSRM,可以为文件夹和卷设置配额,主动屏蔽文件&…

python读取hdf5文件_Python处理HDF5文件

笔记地址:有道云笔记 h5py 的安装 pip install h5py 读取 H5 文件 import h5py import numpy as np # 打开文件 f h5py.File(test-dev.h5, r) H5 中的group可以类比为字典,因此我们可以用keys()来获取键值。 >>> f.keys() [umy_xmax, umy_xmin…

数据分析sql面试必会6题经典_面试数据分析会遇到的SQL题

「1」说在前面数据存放在数据库里,以表的形式分门别类。宜家的商品(数据)放在宜家的仓库(数据库)里,以货位的形式分门别类。在宜家,可以通过商品上的编号,查到商品在仓库的排号和位号,取到商品。SQL 语言是一种通用的数…

Hibernate 4.3 ORM工具

Hibernate最近发布了Hibernate ORM 4.3的最终版本,它是一个基于Java的ORM框架,它还支持存储过程和实体图。 发行了ORM Tool Hibernate 4.3,实现了JPA 2.1规范,引入了该发行版的主要功能,简而言之: 支持在提…

301、404、200、304、500HTTP状态

一些常见的状态码为: 200 - 服务器成功返回网页 404 - 请求的网页不存在 503 - 服务器超时 下面提供 HTTP 状态码的完整列表。点击链接可了解详情。您也可以访问 HTTP 状态码上的 W3C 页获取更多信息。 一、临时响应  1xx(临时响应) 表示临时响应并需要请求者继续…

SpringBoot项目中,获取配置文件信息

1.在配置文件中设置信息,格式如下 wechat:mpAppId: wxdf2b09f280e6e6e2mpAppSecret: f924b2e9f140ac98f9cb5317a8951c71 如果是多级目录,则 project:url:sell: http://localhost:8080 2.获取配置文件信息(三种方法) 2.1Configurat…

ajax环境配置tomcat,jcreator+tomcat环境配置

有的时候因为机器硬件原因,在使用eclipse的时候明显表现不足,其实,仔细想想,我们做web开发的时候,java方面也就是一些非gui类的开发,比如:action,service,dao等等。这样的…

oppo 手机侧滑快捷菜单_OPPO刚秀出卷轴屏手机,就被打了一记响亮的“耳光”

在刚刚过去的未来科技大会上,我国国产手机厂商 oppo可谓是出尽了风头,因为他们推出一款名叫“OPPO X 2021”的卷轴屏概念手机,并且展出了可操作的概念机实物,着实让所有人都惊艳了一把。因此我国的一些自媒体又嗨了,用…

python爬取会议论文pdf_【python2.7】爬取知网论文

# -*- coding: utf-8 -*-import timeimport urllibimport urllib2import cookielibfrom lxml import etreeimport random爬取第一页,获取共页数爬取第二页至最后一页# 下载当前页所有文章的pdf或cajdef download_paper(treedata, opener, localdir):传入参数&#x…

活性卡桑德拉

或是冒险从Cassandra被动地读取数据。 总览 让我们首先尝试从编程的角度定义什么是反应性。 功能反应式编程是使用功能性编程的构建块进行反应式编程的编程范例。 函数式编程是一种编程范例,是一种构建计算机程序的结构和元素的样式,这种处理将计算视…

UVA1602 Lattice Animals 搜索+剪枝

题目大意 给出一个$w\times h$的网格,定义一个连通块为一个元素个数为$n$的方格的集合$A,\forall x\in A, \exists y\in A$,使得$x,y$有一条公共边。现要求一个元素个数极多的连通块的集合$K_N$,使得$\forall A,B\in K_n$,不存在一…

js 停止事件冒泡 阻止浏览器的默认行为

在前端开发工作中,由于浏览器兼容性等问题,我们会经常用到“停止事件冒泡”和“阻止浏览器默认行为”。 浏览器默认行为: 在form中按回车键就会提交表单;单击鼠标右键就会弹出context menu. a标签 1..停止事件冒泡 JavaScrip…