axios可以请求静态文件资源吗

Ⅰ js前后端项目怎么访问(javascript前端后端)

前端通常作为模板，后端负责数据。

前后端合作的主要目的，就是把后端产生的数据丢到前端的模板中。通常这一步有两种方式：

1.前端的模板交给后端处理，直接写到后端逻辑中，或者通过MVC框架整合成后端的相对独立的部分；

2.后端的数据通过API的方式交给前端处理，通过Ajax等方式传输数据。

（当然，也有两种方式混合处理的）

如果采用了后端处理模板的方式，那前端开发完静态模板后，需要交给后端开发人员进行模板的整合。这一步要求前端代码整洁易读，而且后端必须熟悉各种前端知识和调试技术。最后需要前端对后端处理过的页面进行检验和调试。（这种方式对沟通要求很高，如果两个人不坐在一起，那合作起来非常麻烦。出现问题或者需要升级时，往往很难定位谁的错，谁去改。所以最好两个人坐在一起开发，甚至一个人负责前后端）

如果采用前端处理数据，Ajax等方式通信的话，前后端只要商量好所需的API，然后持续交付一个个API就好了。前后端完全不需要了解，技术没有限制，也不需要知道彼此的代码和实现。

两种方式如何选择？

1.如果前端页面主要做内容展示，需要后端处理的内容比较多，而前端逻辑简单时，建议采用后端MVC。如博客、新闻类的网站；

2.如果前端页面的交互和数据处理较多，可以将逻辑放在前端，而后端只负责数据存取。比如各类管理后台。

在开发中大型的JavaEE项目时，前后端分离的框架逐渐成为业界的主流，传统的单机部署前后端在同一个项目中的工程项目越来越少。这类JavaWeb项目的后端通常都采用微服务的架构，后端会被分解为诸多个小项目，然后使用bbo+zookeeper或者springCloud来构建微服务，前端则会是一个单独的项目，前台的请求通过微服务来调用。但是，不同与传统的web项目，这类前后端分离的项目如何在开发中部署和运行呢？

当前后端分离时，后端项目一定会被加载到tomcat的webapp目录下面，但是前端的资源院该如何被访问到呢？这里以tomcat这个中间件为例，探讨在开发这类项目的时候，如何让前后端分离的项目部署并且运行起来，即后端项目部署在tomcat之后如何在运行时访问静态资源（非上线部署）。

主要有两种方案：1.在本地通过Nginx来处理这些静态资源。2、将静态资源统一放入一个javaweb应用中，并将自动生成的war包随后端项目一期丢入tomcat。下面详细介绍

一、使用Nginx来访问静态资源。

在本地安装nginx并且修改nginx.conf，修改相关配置，将web访问的端口的资源进行更改，配置如下：

server{????listen???80;????server_name?localhost;????charsetutf-8;????#access_log?logs/host.access.log?main;

location/{???????proxy_pass;???????proxy_redirectoff;

proxy_set_headerHOST$host;

proxy_set_headerX-Real-IP$remote_addr;

proxy_set_headerX-Forwarded-For$proxy_add_x_forwarded_for;

client_max_body_size10m;

client_body_buffer_size128k;

proxy_connect_timeout90;

proxy_send_timeout90;

proxy_read_timeout90;

proxy_buffer_size4k;

proxy_buffers432k;

proxy_busy_buffers_size64k;

proxy_temp_file_write_size64k;

}

location~.*.(html|htm|gif|jpg|jpeg|bmp|png|ico|txt|js|css|woff|woff2|ttf|eot|map)$?{

rootD:Workspacesesop-html;??????indexindex.html;

}

listen对象改为你本地的tomcat访问端口，最下面location中的root改为你前端项目中静态资源的位置，这样就可以实现只部署后端的项目就能访问前端的页面了。

二、将前端项目转换为动态的web项目，随后端项目一起丢入tomcat

这个方案省去了在本地安装和配置nginx，但是也只适用于开发阶段项目的部署运行和调试，真正在生产环境通常前后端项目会部署在不同的服务器。

如果是IntellijIdea,在导入前端项目之后，右键项目addframeworksupport--webapplication，这时将会把前端项目转换为一个javaweb项目，然后将静态资源放在生成的web目录下即可。

如果是eclipse，可以新建一个javaweb项目然后将静态资源放入web或者webcontent目录下，或者直接先导入前端项目，然后通过projectfacts将项目转换为dynamicweb项目并勾选js等相关配置。

然后，运行项目时把后端的war包和前端的war包一同添加到deployment中运行即可。