【Vue-05】修改Vue的默认配置

修改Vue的默认配置

Vue脚手架隐藏了所有webpack相关的配置，若想查看具体的webpack配置，请执行：vue inspect > output.js，若要个性化配置Vue脚手架，就需要创建vue.config.js这一个可选的配置文件

vue.config.js

vue.config.js是一个可选的配置文件，需要放在项目的根目录下(和src同级目录)

• vue.config.js

module.exports = {
  	// 选项...
  
}

修改Vue项目默认端口

module.exports = {
  	devServer: {
        // 将端口改为8888
        port: 8888
    }
  
}

添加代理

为了避免前后端服务器联调时，产生跨域问题，需要配置代理

module.exports = {
  	devServer: {
        // 以后以/api打头的请求都走代理
        proxy: {
              '/api': {
                target: 'http://localhost:8080',
                changeOrigin: true
     		}
    	}
    }
}

访问后端：localhost:7070/api/students 其中api会走代理

需要配置啥，官方文档现学现查。

https://cli.vuejs.org/zh/config/#vue-config-js