vue3.0 vue.config.js 配置基础的路径

在和src同级的路径下创建一个文件名,vue.config.js(这文件名是固定这么写的)

在文件中写入

module.exports = {
    baseUrl:'/',//根路径
    outputDir:'dist',//打包的时候生成的一个文件名
    assetsDir:'assets',//静态资源目录(js,css,img,fonts)这些文件都可以写里面
    lintOnSave:false,//是否开启eslint保存检测 ,它的有效值为 true || false || 'error'
    devServer:{
        open:true,//启动项目后自动开启浏览器
        host:'locahost',//对应的主机名
        port:8080,//端口号
        https:false,//是否开启协议名,如果开启会发出警告
        hotOnly:false,//热模块更新的一种东西,webpack中自动有过配置,但如果我们下载一些新            的模块可以更好的给我更新一些配置
        proxy:{
        //配置跨域
        '/api':{//配置跨域的名字
            target:'http//localhost:5000/api',//跨域的地址
            ws:true,
            changOrigin:true,//是否跨域
            pathRewrite:{//当前的名字
                '^/api':''
            }
          }

        }
        
    }
 };

 

在XXX.vue页面引用

let self = this;
let params= {
			type: 14,
			SYS_UNIT: "440100113"
	}
	self.$http.get('/apis',{params}).then( data => {
                //请求回来的数据
        })