axios nginx 生产环境_Vue Axios之生产/开发环境跨域问题解决

Vue Axios开发环境、生产环境跨域问题解决

一、前置知识首先要了解几个Vue-cli的几个配置参数。另：从 Vue CLI 3.3 起baseUrl已弃用，请使用publicPath

1. publicPath

它是部署你的应用包时的基本URL。默认为 '/'。Vue Cli默认项目是被部署在域名的根路径下。比如你要把打包生成的文件部署在https://www.lhch.com下，那么采用默认设置就行。

那如果我们是部署在https://www.lhch.com/test/路径下呢？那么此时可以：设置PublicPath为/test/

设置PublicPath为./

第二种设置方法是把PublicPath设置为相对路径，所有的资源会被连接为相对路径，这样打出来的包可以被部署在任意路径。如果后面又部署到了https://www.lhch.com/test/index下，第二种配置方法依然生效。

publicPath在开发环境也会生效，可以根据不同的环境切换publicPath的值：

module.exports = {

publicPath: process.env.NODE_ENV === 'production' ? '/test/' : '/',

//或者这样： publicPath: process.env.NODE_ENV === 'production' ? './' : '/'

}

2. devServer

对于webpack的devServer，Vue Cli的devServer都支持。

<