vue-cli项目中跨域及路径别名配置

vue/cli中跨域

1.使用插件：

2.代码方式：
在项目的vue.config.js文件中写入：

module.exports = {
  lintOnSave: false,
  devServer: {
    port: 3000,
    proxy: {//代理
      "/api": {//代理地址
        target: "http://chst.vip:8081",//目标服务器
        pathRewrite: {//路径重写
          "^/api": ""
        }
      }
    }
  }
 }
 // http://chst.vip:8081/api/data/index.json
 // http://chst.vip:8081/data/index.json

api代理：http://chst.vip:8081

vue/cli中配置路径别名

const path = require('path');
function resolve(dir) {
  return path.join(__dirname, dir)
}
module.exports = {
	chainWebpack: (config) => {
    	config.resolve.alias//配置别名
      	.set('$', resolve('src'))
      	.set('assets', resolve('src/assets'))
      	.set('components', resolve('src/components'))
      	.set('layout', resolve('src/layout'))
      	.set('base', resolve('src/base'))
      	.set('static', resolve('src/static'))
  }
}