解决vue部署到服务器请求接口404问题

1. 第一步安装node环境

2. 第二步使用npm 安装pm2

3. 上传node安装包 安装项目各个模块   使用node server.js检测安装包

4. 最后使用pm2  start server.js  (到node项目目录)

5. 安装宝塔管理工具

6. 

7. 在宝塔里面安装所需要的模块（nginx   mongodb   等）

8. 在宝塔里面新建一个文件夹上传vue项目

9. 

10. 配置nginx    我的vue本地跨域是

11. 

12. 在nginx配置如图

13. server
        {
            listen 8080;
            server_name   www.anhuione.cn;
            index index.html index.htm index.php;
            root /www/wwwroot/dist/;
    
            #error_page   404   /404.html;
            include enable-php.conf;
      location / {   
                try_files $uri $uri/ /index.html;
            }
     location   /api{
                proxy_pass http://www.anhuitwo.cn:3000;
                add_header Content-Type "text/plain;charset=utf-8";
                add_header 'Access-Control-Allow-Origin' '*';
                add_header 'Access-Control-Allow-Credentials' 'true';
                add_header 'Access-Control-Allow-Methods' 'GET, POST';
            }

     

14. 

15. 访问使用  www.anhuione.cn:8080  

16. 跨域文件vue.config.js 

17.   链接：https://pan.baidu.com/s/10iS2wTgPn1mObwFpCphQ8g 提取码：r7ry 

18.