cli3.0 如何修改端口

2025-04-18 06:09:59

1、安装axios,项目劐聂赞陶根目录下新建vue.config.js,重启服务npm run serve。// vue.config.jsmodule.exports = { devSer即枢潋雳ver: { port: 端口号, proxy: { '/apis': { target: 'https://movie.douban.com/', // target host ws: true, // proxy websockets changeOrigin: true, // needed for virtual hosted sites pathRewrite: { '^/apis': '' // rewrite path } }, } }};

cli3.0 如何修改端口

2、*.vue 文件中请求实例:this.axios.get('/apis/ithil_j/activity/movie_annual2017').then(res => { console.log(res.data) }, res => { console.info('调用失败'); })

cli3.0 如何修改端口

3、更改调试地址端口号:vue-cli构建的项目,在控制台npm run dev启动后,默认的调试地址是8080端口的。

cli3.0 如何修改端口

4、但是大部分时候,我们都要并行几个项目开发,很有可能已经占用了8080端口,所以就涉及到如何去更改调试地址的端口号了,config --> index.js。

cli3.0 如何修改端口

5、然后找到以下代码,修改port的值即可以修改端口号:dev: { // Paths assetsSubDirectory: '稆糨孝汶;static', assetsPublicPath: '/', proxyTable: {}, host: 'localhost', port: 8083, // 在这里修改端口号 autoOpenBrowser: false, errorOverlay: true, notifyOnErrors: true, },

cli3.0 如何修改端口

6、修改后再次输入命令行npm run dev,然后就可以看到修改的效果了。

cli3.0 如何修改端口
声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢