vue加跨域代理静态文件404_解决vue-router history模式和跨域代理部署到IIS时404的一些问题...

先解决history模式的问题：

在网站根目录中创建web.config文件，内容如下：

//通配所有连接

//因为是单页面，所以将所有连接重定向到 “/”，就是指向我们项目中的首页

以上配置完其实可以在IIS界面中看到：

好了以上解决了路由404的问题，但发现接口不能访问，导致页面没有数据了，为了解决跨域的问题我在vue中是这么配置的：

module.exports = {

devServer:{

proxy:{

'/api':{

target:'http://www.test.com',

changeOrigin:true,

ws:true,

pathRewrite:{'^/api':'' }

}

所以依照刚刚在web.config中配置的内容，所有访问/api/XXXX的链接都会指向“/”，这就有问题，所以要给IIS配置反向代理：

按照下图依次点击红框

3.回到我们的网站，打开URL重写，添加新的规则

填写正则表达式 ^(api)(.*)$ 通配所有api的链接

条件输入： {HTTP_POST} 模式：^localhost:8022$ 这里是你要发布的域名

这里填写接口所在域名，{R:2}表示后面所带的参数

The End!

vue加跨域代理静态文件404_解决vue-router history模式和跨域代理部署到IIS时404的一些问题...相关推荐

vue加跨域代理静态文件404_解决vue本地环境跨域请求正常，版本打包后跨域代理不起作用，请求不到数据的方法——针对vue2.0...
问题:在本地使用了proxyTable代理可以正常跨域请求后台数据,打包上传后就无法获得后台的json文件.查看了相关资料可以用nginx进行解决.还可以使用命名环境变量,请求的时候进行判断,话不多说 ...
vue、cnpm不是内部文件_解决vue不是内部或者外部命令
该问题出现后,遍寻解决方法,此时 node 版本 7.x.x ,npm 版本 3.x.x ,使用 npm i vue -g 和 npm i vue-cli -g 下载了好几次,版本为2.x.x 先说一 ...
vue打包后出现一些map文件的解决方法
Vue打包后出现一些map文件的解决办法: 问题: 可能很多人在做vue项目打包,打包之后js中,会自动生成一些map文件,那我们怎么把它去掉不要呢? 1.运行 cnpm run build 开始 ...
dom vue 加载完执行_前端面试题——Vue
前言前几天整理了一些 html + css + JavaScript 常见的面试题(https://segmentfault.com/u/youdangde_5c8b208a23f95/articl ...
dom vue 加载完执行_前端面试题Vue
前言前几天整理了一些 html + css + JavaScript 常见的面试题,然后现在也是找了一些在 Vue 方面经常出现的面试题,留给自己查看消化,也分享给有需要的小伙伴. 如果文章中有出现 ...
vue进入页面执行的钩子函数_解决VUE mounted 钩子函数执行时 img 未加载导致页面布局的问题...
项目需求:图片加载时,当鼠标滚动至当前图片进行加载并加上上滑特效,实现这个效果需要对文档文档滚动位置和图片的当前位置进行比较.但是mounted 钩子函数执行时img图片并未加载出来也就是占位为空,导 ...
vue实例中调用外部js_js文件中引用vue实例对象
原因我使用了iView的框架,想要把表格的配置提取出来,但是表格里面的操作需要用到this,所以就需要在js文件中引用vue实例. 方法 utils - local-data.js // vue实例 ...
Vue学习笔记(2) 在html文件中创建Vue实例，并使用http-vue-loader注册单文件组件
本篇博客基于Vue2.x 官方文档:https://cn.vuejs.org/v2/guide/instance.html 最近和同学合作一个设备信息管理的小项目,而同学找的模板不是前后端分离的因此 ...
vue 父页面中的方法调用_解决Vue中页面成功渲染数据undefined的问题
前言这个标题不太好取. 本文需要下面的知识: https://zhuanlan.zhihu.com/p/260811233zhuanlan.zhihu.com 问题描述我最近的一个功能需求是通过 ...

vue加跨域代理静态文件404_解决vue-router history模式和跨域代理部署到IIS时404的一些问题...

vue加跨域代理静态文件404_解决vue-router history模式和跨域代理部署到IIS时404的一些问题...相关推荐

最新文章

热门文章

vue加跨域代理静态文件404_解决vue-router history模式和跨域代理 部署到IIS时404的一些问题...

vue加跨域代理静态文件404_解决vue-router history模式和跨域代理 部署到IIS时404的一些问题...相关推荐

最新文章

热门文章

vue加跨域代理静态文件404_解决vue-router history模式和跨域代理部署到IIS时404的一些问题...

vue加跨域代理静态文件404_解决vue-router history模式和跨域代理部署到IIS时404的一些问题...相关推荐