vue+typescript修改默认端口号

vue+ts修改默认端口号

1.开发环境 vue+element+typescript
2.电脑系统 windows 10 专业版
3.在使用 vue+ts开发的过程中,根据项目的需求,我们经常会修改修改项目的端口,方法如下:

const path= require('path');

function resolve(dir) {

 path.join(__dirname, dir);

}

module.exports = {

 chainWebpack: config => {

 // config.resolve.alias.set('@', resolve('src'))

 },

 configureWebpack: {

 resolve: {

 extensions: ['js', 'vue'],

 alias: {

 '@': resolve('src')

 }

 }

 },

 devServer: {

 port: 9000,

 },

}

//注意:这个vue.config.js 的文件,后缀名,必须是 .js,如果是 .ts 这个文件配置的一些属性无法生效!

4.本期的教程到了这里就结束啦,是不是很简单,让我们一起努力走向巅峰!既然我们选择了这个领域,就不要认输,不要低头,加油!