How to solve Vue cross-domain problem based on nodejs

qwfys200

已于 2024-11-14 17:28:40 修改

阅读量431

点赞数

CC 4.0 BY-SA版权

分类专栏： Programming 文章标签： vue 跨域访问 spring boot

于 2018-05-21 15:08:51 首次发布

知识在分享中升华，思想在交流中沉淀。

本文链接：https://blog.youkuaiyun.com/qwfys200/article/details/80392490

Programming 专栏收录该内容

52 篇文章

订阅专栏

本文介绍了如何启动一个包含前端Vue.js应用和后端Node.js及Spring Boot服务的全栈项目。前端使用Webpack进行打包并运行开发服务器，后端则分别通过Node.js和Spring Boot提供API服务。

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

启动前端VUE

lwk@qwfys ~/Public/project/com/jetbrains/idea/eop-web-iview $ npm run dev

> erp-front@1.0.0 dev /home/lwk/Public/project/com/jetbrains/idea/eop-web-iview
> webpack-dev-server --inline --progress --config build/webpack.dev.conf.js

 95% emitting                                                                             

 DONE  Compiled successfully in 10323ms                                                                                                                                                                                                                                                                               15:00:25

 I  Your application is running here: http://127.0.0.1:8088

启动后端nodejs

lwk@qwfys ~/Public/project/com/jetbrains/idea/eop-web-iview/server $ node app.js
server start at port 8081

启动后端spring boot

mvn spring-boot:run

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

qwfys200

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
打赏
打赏
打赏举报

举报

专栏目录

vue.js开发环境搭建以及访问页面http://localhost:8080问题解决

晴天的博客

08-15

5万+

CentOS 6.8下安装vue.js 1.安装node.js [root@node6 ~]# curl -sL https://rpm.nodesource.com/setup_8.x | bash - 注：这里我是安装的v8.11.3版本的，8.x表示v8版本 [root@node6 ~]# sudo yum install -y nodejs 验证结果，有如下信息表示安装成功。 ...

vue 解决跨域问题（开发环境）

Ich/liebe/dich的编程せかい

01-08

1407

一、什么是跨域问题同源：域名，协议，端口均相同不同源就是跨域，比如你的前端为localhost:9528，后端为localhost:8080，此时前端去访问后端接口就会产生跨域问题，因为端口不同。这里不详细讲，可参考百度百科-同源策略。二、如何解决跨域问题前后端都可以解决，这里仅提供vue的前端跨域解决方案：前端vue.config.js配置如下，然后保证在你访问后端接口时加个前缀/api。 devServer: { port: port, open: false, ov

参与评论您还未登录，请先登录后发表或查看评论

vue exchange port and cross-domain

HelloWorld

06-17

560

1 exchange port : index.js // Various Dev Server settings host: 'localhost', // can be overwritten by process.env.HOST port: 7777, // can be overwritten by process.env.PORT, if port is in u...

【node】CORS跨域资源共享

05-21

995

CORS由一系列HTTP响应头组成，这些HTTP响应头决定了浏览器是否阻止前端JS代码跨域获取资源。浏览器的同源安全策略，默认会阻止网页“跨域”获取资源。但如果接口服务器配置了CORS相关的HTTP响应头，就可以解决浏览器端跨域范访问限制。CORS注意事项CORS主要在服务器端进行配置。客户端浏览器无需做任何额外的配置,即可请求开启cors的接口CORS在浏览器中有兼容性。

App.vue{ parser: "babylon" } is depr 95% emitting

skalpat的博客

04-23

1817

我的也是发现这个错误，是prettier版本导致的，直接在项目中：cnpm install prettier@~1.12.0 -D或者cnpm install prettier@~1.12.0 --save-dev,然后重新npm run dev就可以了

vue报错汇总

qq_43687594的博客

01-12

2277

使用vue报错汇总。

GST-memristor-based online learning neural networks

02-07

Online learning has been used to solve the problem, most of which is based on least mean square (LMS). However, it is inefficient to implement the LMS on conventional digital hardware, because of the...

A multi-objective genetic algorithm based on immune and entropy principle for flexible job-shop scheduling problem

02-21

This paper presents a multi-objective genetic algorithm (MOGA) based on immune and entropy principle to solve the multi-objective FJSP. In this improved MOGA, the fitness scheme based on Pareto-...

A multi-task learning based approach to biomedical entity relation extraction

02-07

Automatic extraction of high-quality biomedical entity relations from biomedical texts plays an important role in&...solve the problem, we used neural network-based&n

详解关于webpack多入口热加载很慢的原因

12-02

之前为公司搭建了套webpack多页面应用脚手架，起初用得挺爽，资源整合打包，组件化开发，各种组件复用，需要什么就拿什么，后来入口有50个页面了，慢慢的发现了每次按保存后的热加载等待时间越来越长，需要等待10几秒，实在太影响开发效率，于是我查找原因。观察发现，每次到热加载时会在emitting HtmlWebpackPlugin这停留很久。于是我想知道它到底停留了多长时间呢？在package.json内加入–profile，它会告诉你编译过程中哪些步骤耗时最长。停止npm，重新运行webpack-dev-server，修改下文件按保存，观察控制台，发现总花费时长为15035毫

vue+express 开发环境跨域问题总结

m0_49435789的博客

11-10

913

其实以前遇到过这个问题，当时对跨域很陌生，也不知道为什么会存在这个跨域的问题，记得当时找了很多资料，虽然最后根据网上的资料照葫芦画瓢的解决了，但是这事在我心底留下了很难的印象，现在做大论文项目，准备前后端联调接口的时候，又出现了这个问题，找出以前的vue项目配置照葫芦画瓢发现居然行不通，甚是烦恼。目前猜想可能还是我对配置文件理解不够深透导致的，所以在这里开个帖子，记录一下自己自己解决这个问题的过程，把这个瓜彻底的啃透！！！fighting！！！先列个目录一、跨域问题存在的原因二、跨域问题该如何.

vue+node.js跨域问题的解决

MooreLxr的博客

02-11

4424

vue默认是运行在localhost：8080上，而node.js可能运行在其他端口，而前台去请求后台的api时就存在跨域问题。另外，我们经常会去访问其他网站的数据，比如http://google.com/...，此时也存在跨域问题。解决跨域问题的方法：利用vue-cli自带的解决跨域的问题1.在config/index.js中利用proxy代理的方法dev: { // Paths ...

vue+express搭建项目，解决前后端跨域的问题

Little_Pig_Bug的博客

09-15

5398

很早之前就想用nodejs写后台接口了，不想每次写vue的时候，都是用假数据或者是mock来写，最近正好在学习nodejs,看了下express框架，这次的数据我是在express里面造的假数据，主要想看下vue怎么和express相互连接起来使用的，后期我会加入mongdb，希望自己能坚持下去。。。。。看下面的内容之前，请确保自己已经安装了vue-cli的前端项目和express-gener...

$ajax 跨域请求 node.js 前后端写法

zjl516088421的博客

10-27

1016

浏览器端： script src="./jquery-1.11.3.js">script> script> $(document).ready(function(){ $.ajax({ url:'http://localhost:3300/data', async:false, dataType:'jsonp', process

使用命令创建angular-cli 项目报错以及运行到95% emitting LicenseWebpackPlugin卡顿

Cool的博客

09-25

3165

1.使用ng new project-name命令行安装angular-cli项目时报错 2.运行到95% emitting LicenseWebpackPlugin一直卡顿解决方案： ng new 的时候阻止自动安装ng包，只创建ng目录 ng new demo --skip-install 使用yarn安装依赖包（安装yarn：npm install -g ...

【vue】【express】跨域的原因以及解决方案（vue+express）

qq_34838046的博客

10-05

931

文章目录基础基础

how to solve the problem “Unable to find zbar shared library“

06-02

To solve the problem "Unable to find zbar shared library", you can try the following steps: 1. Install the zbar library on your system. You can use your system's package manager to install it. For example, if you're using Ubuntu, you can run the command: ``` sudo apt-get install libzbar-dev ``` 2. Make sure that the zbar library is in your system's library path. You can add it to the library path by running the command: ``` export LD_LIBRARY_PATH=/usr/local/lib ``` Replace "/usr/local/lib" with the path to the directory where the zbar library is installed. 3. If you're using a programming language such as Python, make sure that the zbar library is properly linked. You can do this by installing the zbar library for your programming language. For example, to install the zbar library for Python, you can run the command: ``` pip install pyzbar ``` This will install the zbar library for Python and link it properly. I hope this helps!