linux history nginx,vue-router History 本地开发环境和nginx配置

vue-router mode=history本地开发环境配置

解决方法1.修改webpack的的devServer配置项(devServe存在于，rvue-cli2在webapck.config.js，vue-cli3在vue.config.js)，新增historyApiFallback: true

module.exports = {

//...

devServer: {

historyApiFallback: true

}

};

解决方法2：修改package.json的srcipts 里面的 dev 的值

webpack-dev-server --history-api-fallback

vue-router mode=history nginx配置

一开始怎么试都不行，最后发现是自己给自己挖坑,总结下主要还是没有发现publicPath被我设置成了 ./  ，导致一直尝试不成功，这里publicPath为什么要设置成 /  ，vue-cli有写明，地址

解决步骤1

2.nginx配置文件

解决方法很简单，一个是vue.config.js(vue-cli3) publicPath 设置，一个是nginx 增加try_files $uri $uri/ /index.html;

一般情况下，就能设置成功了，如果不成功，先找找自己代码原因，写这篇文档希望也能帮到其他人

vue router history模式开发ngnix配置

一.前沿 现在很多用vue-router开发页面的时候,都习惯使用hash路由莫模式,如:https://xxxx/#/index/share?code=dsfsd.这种模式在做pc端开发时候挺好用的 ...

Nginx+Python+uwsgi+Django的web开发环境安装及配置

Nginx+Python+uwsgi+Django的web开发环境安装及配置 nginx安装 nginx的安装这里就略过了... python安装 通常系统已经自带了,这里也略过 uwsgi安装 官网 ...

使用 Laragon 在 Windows 中快速搭建 Laravel 本地开发环境 (转)

laravel学院 简介 对于那些使用 Windows 操作系统的同学来说,Homestead 和 LaraDock 虽说支持 Windows 系统,但是对初学者来说,安装配置起来还是有一定复杂度的, ...

在 Windows10 系统中安装 Homestead 本地开发环境

在 windows10 系统中安装 homestead 本地开发环境 在 windows10 环境下安装 homestead 开发环境,网上有很多相关教程其中大多都是 mac 环境,很多大神都是用户的 ...

【OpenStack】OpenStack系列1之OpenStack本地开发环境搭建&&向社区贡献代码

加入OpenStack社区 https://launchpad.net/,注册用户(597092663@qq.com/Admin@123) 修改个人信息,配置SSH keys.OpenPGP keys ...

西秦的ACE-Python教程 一、Python本地开发环境部署

西秦的ACE-Python教程 一.Python本地开发环境部署       西秦 级别: 论坛版主 发帖 1357 云币 2782 加关注 写私信   只看楼主 更多操作楼主  发表于: 10-10 ...

搭建BCE本地开发环境

1. 在官网下载VirtualBox & 虚拟机 http://bce.baidu.com/doc/BAE/GUIGettingStarted.html#.E4.B8.8B.E8.BD.BD. ...

配置https and http2 local本地开发环境

今天,几乎所有你访问的网站都是受HTTPS保护的.如果你还没有这样做,是时候这样做了.使用HTTPS保护您的服务器也就意味着您无法从非HTTPS的服务器发送请求到此服务器.这对使用本地开发环境的开发人 ...

spark-windows(含eclipse配置)下本地开发环境搭建

spark-windows(含eclipse配置)下本地开发环境搭建   >>>>>>注意:这里忽略JDK的安装,JDK要求是1.8及以上版本,请通过 java  ...

随机推荐

利用AE编写切图工具的一些探讨

文章版权由作者李晓晖和博客园共有,若转载请于明显处标明出处:http://www.cnblogs.com/naaoveGIS/. 1.前言 这周利用晚上在家时间研究了下如何使用AE来开发切图工具.最初 ...

js⑧

window对象表示浏览器中打开的窗口, 它是JavaScript浏览器对象模型中的顶层对象.其中还包括了 - Document: 使我们可以从脚本中对 HTML 页面中的所有元素进行访问. - Hi ...

ASP.NET 下载文件并继续执行JS解决方法

需求说明:当用户点击按钮时使当前按钮为不可用,并打开新页面,关闭新页面时,按钮变为可用.并且如果不关闭新页面,当前按钮过10秒钟自动变为可用. 包含3个页面: 一.按钮页 前台代码:当刷新后采用js进 ...

[转载]GMT地形数据总结