如何解决VUE项目在IIS部署时遇到的棘手问题？
- 内容介绍
- 文章标签
- 相关推荐
本文共计597个文字，预计阅读时间需要3分钟。
VUE项目部署到IIS站点及站点应用，由于考量，未采用Nginx转发时，仅使用IIS平台功能解决以下问题：问题1：部署后请求跨域解决方案：我的项目中，因某些原因，未使用Nginx转发。部署到IIS站点后，请求出现跨域问题。解决方法如下：
VUE项目部署到IIS站点及站点内应用由于各种考量，未采取Nginx做转发时，只使用IIS平台本身的功能解决以下问题
问题1：部署到站点后请求跨域 解决方案：我的项目中，由于一些原因，接口前都有"/api"。例如请求A控制器A方法时，请求地址为："/api/A控制器/A方法"，本地开发时，我会在vue.config.js中添加以下配置解决跨域问题。
module.exports = {
devServer: {
open: true,
proxy: {
'/api': {
target: 'XXX.com.cn/XXX_test',//测试接口
//target:'localhost:4540/',//本地调试
ws: true,
secure: false,
changOrigin: true,
pathRewrite: {
'^/api': '' //把'/api'去除
}
}
}
}
}
在IIS中解决的方式其实原理相同。
本文共计597个文字，预计阅读时间需要3分钟。
VUE项目部署到IIS站点及站点应用，由于考量，未采用Nginx转发时，仅使用IIS平台功能解决以下问题：问题1：部署后请求跨域解决方案：我的项目中，因某些原因，未使用Nginx转发。部署到IIS站点后，请求出现跨域问题。解决方法如下：
VUE项目部署到IIS站点及站点内应用由于各种考量，未采取Nginx做转发时，只使用IIS平台本身的功能解决以下问题
问题1：部署到站点后请求跨域 解决方案：我的项目中，由于一些原因，接口前都有"/api"。例如请求A控制器A方法时，请求地址为："/api/A控制器/A方法"，本地开发时，我会在vue.config.js中添加以下配置解决跨域问题。
module.exports = {
devServer: {
open: true,
proxy: {
'/api': {
target: 'XXX.com.cn/XXX_test',//测试接口
//target:'localhost:4540/',//本地调试
ws: true,
secure: false,
changOrigin: true,
pathRewrite: {
'^/api': '' //把'/api'去除
}
}
}
}
}
在IIS中解决的方式其实原理相同。