vue部署到服务器路由刷新找不到

vue部署到服务器后有路由的情况刷新提示404

因为路由使用的是histroy模式
需要进行以下配置
在Nginx管理中进行配置

 listen 80;server_name 100.0.0.0;index index.html index.htm index.php;root  /www/wwwroot/vue_show;#error_page   404   /404.html;include enable-php.conf;location /host/{proxy_pass http://100.0.0.0:0000/;}location /{index index.html index.htm index.php;root  /www/wwwroot/vue_show;try_files $uri $uri/ @rewrites;}location @rewrites{rewrite ^(.+)$ /index.html last;}

配置后重启Nginx（在Nginx管理中服务里重启）

前端的baseURL也需要对应进行修改
axios.defaults.baseURL = "http://100.0.0.0/host/"
IP/host的形式，与上面配置保持一致。

跨域一开始用了vue.config.js里配置的方法，不知道为啥部署了就不行了。

module.exports = {devServer: {proxy: {  //配置跨域'/api': {//后台接口target: 'http://100.0.0.0:0000',  changOrigin: true,  //允许跨域pathRewrite: {'^/api': '' }},}},
}

有知道的大佬麻烦留言告诉我下。在此谢过。

vue部署到服务器路由刷新找不到相关推荐

pycharm部署到服务器运行文件找不到
问题描述: can't open file '/tmp/-/train.py:[Errno 2 ] No such file or directory pycharm部署到服务器运行文件找不到程序文 ...
转《Angular4项目部署到服务器上刷新404解决办法》
刚遇到Angular4项目npm run build 后部署到服务器可以访问,但是刷新页面会出现404的错误!转载一大神的操作解决angular2页面刷新后报404错误办法: 配置app.modul ...
vue部署到服务器接口调用不了_Python 调用 Azure API 实现服务器自动部署
由于在一个应用中需要通过 API 管理 Azure 的服务器,所以研究了一下 Azure API 的调用方法,中间遇到过很多坑,最后摸索出这一套可行的方法.原理就不多说了,想了解 Azure API ...
Vue【有与无】【F3】【问题】vue 2.x 动态路由刷新后空白
先确认在route.js 或者 main.js 中有没有使用路由守卫vue.beforeEach和vue.addRouter() 促使页面每次刷新,重新根据后台返回数据生成动态路由. // 避免路由守 ...
Angular 项目打包之后，部署到服务器，刷新访问404解决方法
将前端代码打包部署到Java服务器中,当跳转到相应路由界面,刷新地址,服务找不到地址页面,所以会报 404 - Page Not Found. 解决方法:只需要将路由转换成哈希值: userHas ...
vue部署到nginx--history路由方式
1. 修改router.js 设置mode 为 history 需要配置当未匹配到路由时,跳转到的404页面 const router = new VueRouter({mode: 'history' ...
vue部署到服务器_利用Gulp实现代码自动化部署
前端项目在部署时一般的操作是运行打包命令,然后通过ftp或者finalShell等工具连接服务器,把dist目录下的文件拖到指定的目录下,完成项目的部署. 今天介绍一个实用的工具----gulp,可以 ...
Nginx部署Vue项目动态路由刷新404
目录前言第一次第二次前言记录下Nginx部署Vue项目刷新404的解决方案,遇到了两次,route用的是history路由模式,动态路由: {path: '/article/:blogId' ...
vue项目dist编译文件部署到服务器：页面空白、F5刷新报错404、403报错、等等bug - 总结篇
文章目录问题一. vue编译打包dist文件之后部署到线上服务器 ,访问页面却是空白? 问题二.如果不是空白,页面F5之后就又变成空白? 以Nginx服务器为例,(如下图FTP所示) `404报错: ...
vue项目如何部署？布署服务器后刷新404如何解决？
一.如何部署前后端分离开发模式下,前后端是独立布署的,前端只需要将最后的构建物上传至目标服务器的web容器指定的静态目录下即可我们知道vue项目在构建后,是生成一系列的静态文件常规布署我们只需要 ...

vue部署到服务器路由刷新找不到

vue部署到服务器后有路由的情况刷新提示404

vue部署到服务器路由刷新找不到相关推荐

最新文章

热门文章

vue部署到服务器 路由刷新找不到

vue部署到服务器后有路由的情况刷新提示404

vue部署到服务器 路由刷新找不到相关推荐

最新文章

热门文章

vue部署到服务器路由刷新找不到

vue部署到服务器路由刷新找不到相关推荐