vue项目开发环境中的配置
开发环境中的配置在项目的配置文件 /config/index.js 中,找到dev属性下的proxyTable属性,
proxyTable: {
'/api': {
target: "http://localhost:8080/xx/api/", //设置调用的接口和端口号中被替代部分
changeOrigin: true, //设置是否允许跨域
pathRewrite: {
//用'/api'代替target里的地址,比如:'http://localhost:8080/xx/api/user/getAll'可以写成'/api/user/getAll'
'^/api': ''
}
}
},
这是在开发环境中的设置,实际部署时需要另行设置,下面以在nginx上部署为例,介绍如何进行跨域设置。
vue项目的打包
vue项目terminal中使用'npm run build'命令进行打包,打包之前注意设置静态文件的位置。同样在项目的配置文件 /config/index.js 中,找到build属性下的assetsSubDirectory和assetsPublicPath属性,assetsSubDirectory表示静态文件所在的文件夹名称,assetsPublic