在vue中同时跑两个服务配置和跨域问题的配置

最新推荐文章于 2024-07-25 17:07:04 发布

原创最新推荐文章于 2024-07-25 17:07:04 发布 · 2.2k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#vue.js

vue.js 专栏收录该内容

9 篇文章

订阅专栏

本文介绍了在Vue项目中如何配置同时运行两个服务，并解决跨域问题。通过使用concurrently安装依赖，可以在package.json中管理多个服务。对于axios的跨域问题，可以在vue.config.js中进行相应设置。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1:同时跑两个服务配置： 1：cnpm i concurrently -D 2:在package.json中。

"scripts": {
     "serve": "vue-cli-service serve",
     "build": "vue-cli-service build",
     "server": "nodemon server.js",
     "dev": "concurrently \"npm run serve\" \"npm run server\" "
 }

2：跨域问题的配置 axios：在vue.config.js中配置：

module.exports = {
    devServer: {
		proxy: { // 跨域    协议 域名 端口
			'/api': {
					target: "http://localhost:8099/",
					ws: true,
					changOrigin: true,
					pathRewrite: {
					'^/api': ''
						}
				}
			}
		}
	}